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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/dynamic/position-change-to-absolute-with-positioned-child-crash.html

Issue 1181983002: Ensure that positioned objects' list is always in parent first order (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: mstensho's nits and change test to avoid timeouts Created 5 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/TestExpectations ('k') | LayoutTests/fast/dynamic/transform-removed-from-absolute-with-fixed-children.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <!DOCTYPE HTML>
2 <script src="../../resources/testharness.js"></script>
3 <script src="../../resources/testharnessreport.js"></script>
4 <div id="log"></div>
5 <div id="container">
6 <p id="description">
7 This tests that changing the container's position from fixed or relative to absolute is safe,<br>
8 when child container with fixed position is present.<br>
9 PASS, if no crash or assert in debug.
10 </p>
11 </div>
12 <script>
13 var valueList = ["static", "relative", "absolute", "fixed"]
14 for (var outerValue of valueList) {
15 for (var innerValue of valueList) {
16 for (var afterValue of valueList) {
17 var tests = [];
18 var outerElement, innerElement, midElement;
19 if (outerValue !== afterValue) {
20 outerElement = document.createElement("div");
21 innerElement = document.createElement("div");
22 outerElement.style.position = outerValue;
23 innerElement.style.position = innerValue;
24 outerElement.appendChild(innerElement);
25 container.appendChild(outerElement);
26 tests.push(["position:" + outerValue + " with a " + innerValue + " child to " + afterValue, function () {
27 outerElement.style.position = afterValue;
28 }]);
29
30 outerElement = document.createElement("div");
31 innerElement = document.createElement("div");
32 outerElement.style.position = outerValue;
33 outerElement.style.transform = "rotate(3deg)";
34 innerElement.style.position = innerValue;
35 outerElement.appendChild(innerElement);
36 container.appendChild(outerElement);
37 tests.push(["position:" + outerValue + " with a " + innerValue + " child to " + afterValue, function () {
38 outerElement.style.position = afterValue;
39 }]);
40
41 outerElement = document.createElement("div");
42 innerElement = document.createElement("div");
43 outerElement.style.position = outerValue;
44 outerElement.style.transform = "rotate(3deg)";
45 innerElement.style.position = innerValue;
46 outerElement.appendChild(innerElement);
47 container.appendChild(outerElement);
48 tests.push(["position:" + outerValue + " and transform with a " + innerValue + " child to " + afterValue + " without transform", function () {
49 outerElement.style.position = afterValue;
50 outerElement.style.transform = "none";
51 innerElement.style.width = "50%";
52 }]);
53 }
54
55 outerElement = document.createElement("div");
56 midElement = document.createElement("div");
57 innerElement = document.createElement("div");
58 outerElement.style.position = outerValue;
59 innerElement.style.position = innerValue;
60 outerElement.appendChild(midElement);
61 midElement.appendChild(innerElement);
62 container.appendChild(outerElement);
63 tests.push(["position:static with a " + outerValue + " parent and a " + innerValue + " child to " + afterValue, function () {
64 midElement.style.position = afterValue;
65 innerElement.style.width = "50%";
66 }]);
67 }
68
69 outerElement = document.createElement("div");
70 midElement = document.createElement("div");
71 innerElement = document.createElement("div");
72 outerElement.style.position = outerValue;
73 innerElement.style.position = innerValue;
74 outerElement.appendChild(midElement);
75 midElement.appendChild(innerElement);
76 container.appendChild(outerElement);
77 tests.push(["position:static with a " + outerValue + " parent and a " + innerValue + " child to transform", function () {
78 midElement.style.transform = "translateX(0)";
79 innerElement.style.width = "50%";
80 }]);
81
82 outerElement = document.createElement("div");
83 midElement = document.createElement("div");
84 innerElement = document.createElement("div");
85 outerElement.style.position = outerValue;
86 midElement.style.transform = "translateX(0)";
87 innerElement.style.position = innerValue;
88 outerElement.appendChild(midElement);
89 midElement.appendChild(innerElement);
90 container.appendChild(outerElement);
91 tests.push(["position:static and transform with a " + outerValue + " par ent and a " + innerValue + " child to without transform", function () {
92 midElement.style.transform = "none";
93 innerElement.style.width = "50%";
94 }]);
95
96 outerElement = document.createElement("div");
97 innerElement = document.createElement("div");
98 outerElement.style.position = outerValue;
99 innerElement.style.position = innerValue;
100 outerElement.appendChild(innerElement);
101 container.appendChild(outerElement);
102 tests.push(["Add transform position:" + outerValue + " with a " + innerV alue + " child", function () {
103 outerElement.style.transform = "rotate(3deg)";
104 innerElement.style.width = "50%";
105 }]);
106
107 outerElement = document.createElement("div");
108 innerElement = document.createElement("div");
109 outerElement.style.position = outerValue;
110 outerElement.style.transform = "rotate(3deg)";
111 innerElement.style.position = innerValue;
112 outerElement.appendChild(innerElement);
113 container.appendChild(outerElement);
114 tests.push(["Remove transform from position:" + outerValue + " and trans form with a " + innerValue + " child", function () {
115 outerElement.style.transform = "none";
116 innerElement.style.width = "50%";
117 }]);
118
119 document.body.offsetHeight;
120 for (var t of tests) {
121 test(function () {
122 t[1]();
123 // No assert() are needed, we just check layout hits no ASSERT n or crash.
124 document.body.offsetHeight;
125 }, t[0]);
126 }
127 }
128 }
129 </script>
OLDNEW
« no previous file with comments | « LayoutTests/TestExpectations ('k') | LayoutTests/fast/dynamic/transform-removed-from-absolute-with-fixed-children.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698