Title: [100211] trunk/LayoutTests
Revision
100211
Author
[email protected]
Date
2011-11-14 16:20:14 -0800 (Mon, 14 Nov 2011)

Log Message

Test getting / setting display: -webkit-flexbox and -webkit-flexbox-inline
https://bugs.webkit.org/show_bug.cgi?id=72318

Reviewed by Tony Chang.

Test that covers the change for bug 72296 and also increase our flexbox coverage.

* css3/flexbox/display-flexbox-set-get-expected.txt: Added.
* css3/flexbox/display-flexbox-set-get.html: Added.
* css3/flexbox/resources/display-flexbox-set-get.js: Added.

Modified Paths

Added Paths

Diff

Modified: trunk/LayoutTests/ChangeLog (100210 => 100211)


--- trunk/LayoutTests/ChangeLog	2011-11-15 00:18:44 UTC (rev 100210)
+++ trunk/LayoutTests/ChangeLog	2011-11-15 00:20:14 UTC (rev 100211)
@@ -1,3 +1,16 @@
+2011-11-14  Julien Chaffraix  <[email protected]>
+
+        Test getting / setting display: -webkit-flexbox and -webkit-flexbox-inline
+        https://bugs.webkit.org/show_bug.cgi?id=72318
+
+        Reviewed by Tony Chang.
+
+        Test that covers the change for bug 72296 and also increase our flexbox coverage.
+
+        * css3/flexbox/display-flexbox-set-get-expected.txt: Added.
+        * css3/flexbox/display-flexbox-set-get.html: Added.
+        * css3/flexbox/resources/display-flexbox-set-get.js: Added.
+
 2011-11-14  Adam Barth  <[email protected]>
 
         Cross-origin drag-and-drop prevention ineffective

Added: trunk/LayoutTests/css3/flexbox/display-flexbox-set-get-expected.txt (0 => 100211)


--- trunk/LayoutTests/css3/flexbox/display-flexbox-set-get-expected.txt	                        (rev 0)
+++ trunk/LayoutTests/css3/flexbox/display-flexbox-set-get-expected.txt	2011-11-15 00:20:14 UTC (rev 100211)
@@ -0,0 +1,18 @@
+Test that setting and getting display: -webkit-flexbox and -webkit-inline-flexbox works as expected
+
+On success, you will see a series of "PASS" messages, followed by "TEST COMPLETE".
+
+
+Test getting |display| set through CSS
+PASS getComputedStyle(flexboxElement, '').getPropertyValue('display') is '-webkit-flexbox'
+PASS getComputedStyle(inlineFlexboxElement, '').getPropertyValue('display') is '-webkit-inline-flexbox'
+
+Test getting and setting display through JS
+PASS getComputedStyle(element, '').getPropertyValue('display') is 'block'
+PASS getComputedStyle(element, '').getPropertyValue('display') is '-webkit-flexbox'
+PASS getComputedStyle(element, '').getPropertyValue('display') is 'block'
+PASS getComputedStyle(element, '').getPropertyValue('display') is '-webkit-inline-flexbox'
+PASS successfullyParsed is true
+
+TEST COMPLETE
+

Added: trunk/LayoutTests/css3/flexbox/display-flexbox-set-get.html (0 => 100211)


--- trunk/LayoutTests/css3/flexbox/display-flexbox-set-get.html	                        (rev 0)
+++ trunk/LayoutTests/css3/flexbox/display-flexbox-set-get.html	2011-11-15 00:20:14 UTC (rev 100211)
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
+<html>
+<head>
+<style>
+.flexbox { display: -webkit-flexbox; }
+.flexboxInline { display: -webkit-inline-flexbox; }
+</style>
+<script src=""
+</head>
+<body>
+<div class="flexbox" id="flexbox"></div>
+<div class="flexboxInline" id="flexboxInline"></div>
+<script src=""
+<script src=""
+</body>
+</html>
Property changes on: trunk/LayoutTests/css3/flexbox/display-flexbox-set-get.html
___________________________________________________________________

Added: svn:executable

Added: trunk/LayoutTests/css3/flexbox/resources/display-flexbox-set-get.js (0 => 100211)


--- trunk/LayoutTests/css3/flexbox/resources/display-flexbox-set-get.js	                        (rev 0)
+++ trunk/LayoutTests/css3/flexbox/resources/display-flexbox-set-get.js	2011-11-15 00:20:14 UTC (rev 100211)
@@ -0,0 +1,21 @@
+description('Test that setting and getting display: -webkit-flexbox and -webkit-inline-flexbox works as expected');
+
+debug("Test getting |display| set through CSS");
+var flexboxElement = document.getElementById("flexbox");
+shouldBe("getComputedStyle(flexboxElement, '').getPropertyValue('display')", "'-webkit-flexbox'");
+var inlineFlexboxElement = document.getElementById("flexboxInline");
+shouldBe("getComputedStyle(inlineFlexboxElement, '').getPropertyValue('display')", "'-webkit-inline-flexbox'");
+
+debug("");
+debug("Test getting and setting display through JS");
+var element = document.createElement("div");
+document.body.appendChild(element);
+shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'");
+element.style.display = "-webkit-flexbox";
+shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'-webkit-flexbox'");
+
+element = document.createElement("div");
+document.body.appendChild(element);
+shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'block'");
+element.style.display = "-webkit-inline-flexbox";
+shouldBe("getComputedStyle(element, '').getPropertyValue('display')", "'-webkit-inline-flexbox'");
Property changes on: trunk/LayoutTests/css3/flexbox/resources/display-flexbox-set-get.js
___________________________________________________________________

Added: svn:executable

_______________________________________________
webkit-changes mailing list
[email protected]
http://lists.webkit.org/mailman/listinfo.cgi/webkit-changes

Reply via email to