diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b512c09 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules \ No newline at end of file diff --git a/bower.json b/bower.json index 05a0adb..901605a 100755 --- a/bower.json +++ b/bower.json @@ -4,5 +4,8 @@ "dependencies": { "polymer": "Polymer/polymer#master", "core-selection": "Polymer/core-selection#master" + }, + "devDependencies": { + "polymer-test-tools": "Polymer/polymer-test-tools#wc-tester" } } diff --git a/core-list.css b/core-list.css index cb373d2..fe3cd51 100755 --- a/core-list.css +++ b/core-list.css @@ -18,4 +18,11 @@ .core-list-viewport.horizontal > * { display: inline-block; -} \ No newline at end of file +} + +/* Setting will-change: transform on the #viewport makes the viewport a + stacking context, which causes all the composited layers inside the + viewport to actually be stacked underneath the viewport. */ +#viewport { + will-change: transform; +} diff --git a/core-list.html b/core-list.html index c0cc8d7..0d84d9a 100644 --- a/core-list.html +++ b/core-list.html @@ -455,12 +455,12 @@ // determine proper transform mechanizm if (document.documentElement.style.transform !== undefined) { - function setTransform(element, string, value) { + var setTransform = function(element, string, value) { element.style.transform = string; element._transformValue = value; } } else { - function setTransform(element, string, value) { + var setTransform = function(element, string, value) { element.style.webkitTransform = string; element._transformValue = value; } diff --git a/gulpfile.js b/gulpfile.js new file mode 100644 index 0000000..93ec2ae --- /dev/null +++ b/gulpfile.js @@ -0,0 +1,2 @@ +var gulp = require('gulp'); +require('gulp-web-component-tester').init(gulp); diff --git a/package.json b/package.json new file mode 100644 index 0000000..062d43c --- /dev/null +++ b/package.json @@ -0,0 +1,5 @@ +{ + "dependencies": { + "gulp": "^3.8.7" + } +} diff --git a/tests/html/core-list-basic.html b/tests/html/core-list-basic.html new file mode 100755 index 0000000..d2e617f --- /dev/null +++ b/tests/html/core-list-basic.html @@ -0,0 +1,63 @@ + + + + + core-list + + + + + + + + + + + + + + + + + diff --git a/tests/html/core-list-delete.html b/tests/html/core-list-delete.html new file mode 100755 index 0000000..c1be8f4 --- /dev/null +++ b/tests/html/core-list-delete.html @@ -0,0 +1,68 @@ + + + + + core-list + + + + + + + + + + + + + + + + + diff --git a/tests/js/htmltests.js b/tests/js/htmltests.js new file mode 100644 index 0000000..78244c3 --- /dev/null +++ b/tests/js/htmltests.js @@ -0,0 +1,4 @@ +htmlSuite('core-list', function() { + htmlTest('html/core-list-basic.html'); + htmlTest('html/core-list-delete.html'); +}); diff --git a/tests/runner.html b/tests/runner.html new file mode 100644 index 0000000..26829de --- /dev/null +++ b/tests/runner.html @@ -0,0 +1,14 @@ + + + + + + Web Component Test Runner + + + + + + diff --git a/tests/tests.json b/tests/tests.json new file mode 100644 index 0000000..3233617 --- /dev/null +++ b/tests/tests.json @@ -0,0 +1,6 @@ +{ + "tools": ["chai", "mocha-tdd"], + "tests": [ + "js/htmltests.js" + ] +} \ No newline at end of file