Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(90)

Side by Side Diff: LayoutTests/fast/regions/webkit-named-flow-event-to-null.html

Issue 17176018: [CSS Regions] Add new regionOversetChange event (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Integrated styling fixes Created 7 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <meta charset="utf-8"> 4 <meta charset="utf-8">
5 <script src="../js/resources/js-test-pre.js"></script> 5 <script src="../js/resources/js-test-pre.js"></script>
6 <script src="resources/helper.js"></script> 6 <script src="resources/helper.js"></script>
7 <style> 7 <style>
8 #article { 8 #article {
9 -webkit-flow-into: article; 9 -webkit-flow-into: article;
10 border: 2px solid black; 10 border: 2px solid black;
(...skipping 18 matching lines...) Expand all
29 </div> 29 </div>
30 </div> 30 </div>
31 31
32 <div id="region_1"></div> 32 <div id="region_1"></div>
33 <div id="container2"> 33 <div id="container2">
34 <div id="region_2"></div> 34 <div id="region_2"></div>
35 </div> 35 </div>
36 36
37 <script> 37 <script>
38 38
39 description("Tests regionLayoutEvent being dispatched when the content is remove d"); 39 description("Tests regionOversetChange event being dispatched when the content i s removed");
40 40
41 if (window.testRunner) { 41 if (window.testRunner) {
42 testRunner.dumpAsText(); 42 testRunner.dumpAsText();
43 testRunner.waitUntilDone(); 43 testRunner.waitUntilDone();
44 } 44 }
45 45
46 window.jsTestIsAsync = true; 46 window.jsTestIsAsync = true;
47 function flowContent(flowName) { 47 function flowContent(flowName) {
48 var r = document.getElementById("region_1"); 48 var r = document.getElementById("region_1");
49 r.style.webkitFlowFrom = flowName; 49 r.style.webkitFlowFrom = flowName;
50 r = document.getElementById("region_2"); 50 r = document.getElementById("region_2");
51 r.style.webkitFlowFrom = flowName; 51 r.style.webkitFlowFrom = flowName;
52 } 52 }
53 53
54 var count = 0; 54 var count = 0;
55 var layoutUpdateDispatchedForNullFlow = false; 55 var regionOversetDispatchedForNullFlow = false;
56 function regionLayoutUpdated(event) { 56 function regionOversetChanged(event) {
57 shouldBeEqualToString("event.target.name", "article"); 57 shouldBeEqualToString("event.target.name", "article");
58 if (++count > 1) { 58 if (++count > 1) {
59 event.target.removeEventListener("webkitregionlayoutupdate", regionLa youtUpdated); 59 event.target.removeEventListener("webkitregionoversetchange", regionO versetChanged);
60 layoutUpdateDispatchedForNullFlow = true; 60 regionOversetDispatchedForNullFlow = true;
61 return; 61 return;
62 } 62 }
63 63
64 var el = document.getElementById("region_2"); 64 var el = document.getElementById("region_2");
65 debug("Removing region_2 from flow"); 65 debug("Removing region_2 from flow");
66 el.style.webkitFlowFrom = "none"; 66 el.style.webkitFlowFrom = "none";
67 el = document.getElementById("region_1"); 67 el = document.getElementById("region_1");
68 debug("Removing region_1 from flow"); 68 debug("Removing region_1 from flow");
69 el.style.webkitFlowFrom = "none"; 69 el.style.webkitFlowFrom = "none";
70 el = document.getElementById("article"); 70 el = document.getElementById("article");
71 debug("Removing article from flow"); 71 debug("Removing article from flow");
72 el.style.webkitFlowInto = "none"; 72 el.style.webkitFlowInto = "none";
73 73
74 setTimeout(checkIfEventDispatched, 500); 74 setTimeout(checkIfEventDispatched, 200);
75 } 75 }
76 76
77 function checkIfEventDispatched() { 77 function checkIfEventDispatched() {
78 shouldBeFalse("layoutUpdateDispatchedForNullFlow"); 78 shouldBeFalse("regionOversetDispatchedForNullFlow");
79 finishJSTest(); 79 finishJSTest();
80 } 80 }
81 81
82 function startTest() { 82 function startTest() {
83 var flow = getFlowByName("article"); 83 var flow = getFlowByName("article");
84 flow.addEventListener("webkitregionlayoutupdate", regionLayoutUpdated); 84 flow.addEventListener("webkitregionoversetchange", regionOversetChanged) ;
85 85
86 debug("Flow content"); 86 debug("Flow content");
87 flowContent("article"); 87 flowContent("article");
88 } 88 }
89 window.addEventListener("load", startTest); 89 window.addEventListener("load", startTest);
90 </script> 90 </script>
91 <script src="../js/resources/js-test-post.js"></script> 91 <script src="../js/resources/js-test-post.js"></script>
92 </body> 92 </body>
93 </html> 93 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698