From 0601487a5d16be735e0fa87e46eee37706a5d5a7 Mon Sep 17 00:00:00 2001 From: Matt Kelly Date: Mon, 9 Apr 2012 17:05:11 -0700 Subject: [PATCH] Adding css3dtransforms test. --- tests/css3dtransforms/config.yml | 5 ++++ tests/css3dtransforms/fixture.html | 1 + tests/css3dtransforms/iframe.html | 21 ++++++++++++++ tests/css3dtransforms/test.js | 46 ++++++++++++++++++++++++++++++ 4 files changed, 73 insertions(+) create mode 100644 tests/css3dtransforms/config.yml create mode 100644 tests/css3dtransforms/fixture.html create mode 100644 tests/css3dtransforms/iframe.html create mode 100644 tests/css3dtransforms/test.js diff --git a/tests/css3dtransforms/config.yml b/tests/css3dtransforms/config.yml new file mode 100644 index 0000000..3cc6cf8 --- /dev/null +++ b/tests/css3dtransforms/config.yml @@ -0,0 +1,5 @@ +--- + r: 0 + spec: "http://www.w3.org/TR/css3-3d-transforms/" + sources: ["https://github.com/Modernizr/Modernizr","http://hacks.mozilla.org/2011/10/css-3d-transformations-in-firefox-nightly/"] + title: "CSS 3D Transforms" diff --git a/tests/css3dtransforms/fixture.html b/tests/css3dtransforms/fixture.html new file mode 100644 index 0000000..7a179bd --- /dev/null +++ b/tests/css3dtransforms/fixture.html @@ -0,0 +1 @@ + diff --git a/tests/css3dtransforms/iframe.html b/tests/css3dtransforms/iframe.html new file mode 100644 index 0000000..6efe79b --- /dev/null +++ b/tests/css3dtransforms/iframe.html @@ -0,0 +1,21 @@ + + + + css 3d transforms + + + +
+
+ + diff --git a/tests/css3dtransforms/test.js b/tests/css3dtransforms/test.js new file mode 100644 index 0000000..5ddfe5b --- /dev/null +++ b/tests/css3dtransforms/test.js @@ -0,0 +1,46 @@ +test("CSS 3D Transforms: perspective", function() { + var div = document.createElement("div"); + assert( H.test.cssProp( div, "perspective", true ), "perspective supported" ); +}); + +test("CSS 3D Transforms: perspective-origin", function() { + var div = document.createElement("div"); + assert( H.test.cssProp( div, "perspectiveOrigin", true ), "perspectiveOrigin supported" ); +}); + +test("CSS 3D Transforms: transform", function() { + var div = document.createElement("div"); + assert( H.test.cssProp( div, "transform", true ), "transform supported" ); +}); + +test("CSS 3D Transforms: transform-origin", function() { + var div = document.createElement("div"); + assert( H.test.cssProp( div, "transformOrigin", true ), "transformOrigin supported" ); +}); + +test("CSS 3D Transforms: backfaceVisibility", function() { + var div = document.createElement("div"); + assert( H.test.cssProp( div, "backfaceVisibility", true ), "backfaceVisibility supported" ); +}); + + +// asyncTest("CSS 3D Transforms, basic inference", function( async ) { +// var iframe = document.getElementById("css3dtransforms"); +// +// iframe.contentWindow.addEventListener("load", function(e) { +// async.step(function() { +// var doc = iframe.contentDocument, +// elem = doc.getElementById("inference"), +// transform, property; +// +// // Need prefixing... +// transform = iframe.contentWindow.getComputedStyle( elem ).getPropertyValue("-moz-transform"); +// +// assert( transform !== "none", +// "-transform supported" +// ); +// +// async.done(); +// }); +// }); +// });