LayoutTests/fast/regions/webkit-named-flow-event-no-regions.html - Issue 17176018: [CSS Regions] Add new regionOversetChange event

Side by Side Diff: LayoutTests/fast/regions/webkit-named-flow-event-no-regions.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

« no previous file with comments | « LayoutTests/fast/regions/webkit-named-flow-event-expected.txt ('k') | LayoutTests/fast/regions/webkit-named-flow-event-no-regions-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 17 matching lines...) Expand all Loading...
28 <div id="content" style="height: 200px; background-color: green;"></div>	28 <div id="content" style="height: 200px; background-color: green;"></div>

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 description("Tests regionLayoutEvent being dispatched when the region chain is removed");	38 description("Tests regionOversetChange being dispatched when the region chai n is removed");

39 if (window.testRunner) {	39 if (window.testRunner) {

40 testRunner.dumpAsText();	40 testRunner.dumpAsText();

41 testRunner.waitUntilDone();	41 testRunner.waitUntilDone();

42 }	42 }

43	43

44 window.jsTestIsAsync = true;	44 window.jsTestIsAsync = true;

45 function flowContent(flowName) {	45 function flowContent(flowName) {

46 var r = document.getElementById("region_1");	46 var r = document.getElementById("region_1");

47 r.style.webkitFlowFrom = flowName;	47 r.style.webkitFlowFrom = flowName;

48 r = document.getElementById("region_2");	48 r = document.getElementById("region_2");

49 r.style.webkitFlowFrom = flowName;	49 r.style.webkitFlowFrom = flowName;

50 }	50 }

51	51

52 var count = 0;	52 function finishTest() {

53 function regionLayoutUpdated(event) {	53 shouldBe("eventCount", "2");

	54 finishJSTest();

	55 }

	56

	57 var eventCount = 0;

	58 function regionOversetChanged(event) {

54 shouldBeEqualToString("event.target.name", "article");	59 shouldBeEqualToString("event.target.name", "article");

55 if (++count > 1) {	60 if (++eventCount > 1) {

56 event.target.removeEventListener("webkitregionlayoutupdate", regionLa youtUpdated);	61 event.target.removeEventListener("webkitregionoversetchange", regionO versetChanged);

57 finishJSTest();	62 finishTest();

58 return;	63 return;

59 }	64 }

60	65

61 debug("Removing region 1");	66 debug("Removing region 1");

62 var r = document.getElementById("region_1");	67 var r = document.getElementById("region_1");

63 r.style.webkitFlowFrom = "no-article";	68 r.style.webkitFlowFrom = "no-article";

64 debug("Removing region 2");	69 debug("Removing region 2");

65 r = document.getElementById("region_2");	70 r = document.getElementById("region_2");

66 r.style.webkitFlowFrom = "no-article";	71 r.style.webkitFlowFrom = "no-article";

67 }	72 }

68	73

69 function startTest() {	74 function startTest() {

70 var flow = getFlowByName("article");	75 var flow = getFlowByName("article");

71 flow.addEventListener("webkitregionlayoutupdate", regionLayoutUpdated);	76 flow.addEventListener("webkitregionoversetchange", regionOversetChanged) ;

72	77

73 debug("Flow content");	78 debug("Flow content");

74 flowContent("article");	79 flowContent("article");

75 }	80 }

76 window.addEventListener("load", startTest);	81 window.addEventListener("load", startTest);

77	82

78 </script>	83 </script>

79 <script src="../js/resources/js-test-post.js"></script>	84 <script src="../js/resources/js-test-post.js"></script>

80 </body>	85 </body>

81 </html>	86 </html>

OLD	NEW