third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html - Issue 2266353004: Make Document::styleForElementIgnoringPendingStyleSheets() be aware of a flat tree structure

Unified Diff: third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html

Issue 2266353004: Make Document::styleForElementIgnoringPendingStyleSheets() be aware of a flat tree structure (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: update the test Created 4 years, 4 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 side-by-side diff with in-line comments

Download patch

« no previous file with comments | « no previous file | third_party/WebKit/LayoutTests/fast/css/getComputedStyle/computed-style-redistribution.html » ('j') | third_party/WebKit/LayoutTests/shadow-dom/css-style-inherit.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html

diff --git a/third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html b/third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html

index 6d69bde6edc01336e19baf64cd16f31f9756a298..f55eb5607c77cc4f0f65dd3fbcbb0ad0fee3af04 100644

--- a/third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html

+++ b/third_party/WebKit/LayoutTests/fast/alignment/parse-alignment-of-root-elements.html

@@ -4,7 +4,7 @@

<html>

<body>

- <p>Test to verify auto value resolution works as expected in root elements (eg. document root / shadow roots / slotted elements / elements inside<slot>)</p>

+ <p>Test to verify auto value resolution works as expected in root elements (eg. document root / shadow roots / slotted elements / elements inside slot)</p>

@@ -161,7 +161,7 @@ test(function() {

slotted.style.alignSelf = "start";

checkValues(slotted, "alignSelf", "align-self", "start", "start");

slotted.style.alignSelf = "auto";

- checkValues(slotted, "alignSelf", "align-self", "auto", "center");

+ checkValues(slotted, "alignSelf", "align-self", "auto", "normal");

}, "Check out how align-self uses the 'shadowHost' as 'slotted' element's parent while 'slot' is not assigned.");

test(function() {

@@ -174,7 +174,7 @@ test(function() {

slotted.style.justifySelf = "start";

checkValues(slotted, "justifySelf", "justify-self", "start", "start");

slotted.style.justifySelf = "auto";

- checkValues(slotted, "justifySelf", "justify-self", "auto", "center");

+ checkValues(slotted, "justifySelf", "justify-self", "auto", "normal");

}, "Check out how justify-self uses the 'shadowHost' as 'slotted' element's parent while 'slot' is not assigned.");

test(function() {

@@ -186,13 +186,13 @@ test(function() {

checkValues(document.documentElement, "justifyItems", "justify-items", "legacy center", "legacy center");

checkValues(shadowHost, "justifyItems", "justify-items", "auto", "legacy center");

slotted.style.justifyItems = "auto";

- checkValues(slotted, "justifyItems", "justify-items", "auto", "legacy center");

+ checkValues(slotted, "justifyItems", "justify-items", "auto", "normal");

slotted.style.justifySelf = "auto";

- checkValues(slotted, "justifySelf", "justify-self", "auto", "center");

+ checkValues(slotted, "justifySelf", "justify-self", "auto", "normal");

shadowNode.style.justifyItems = "auto";

checkValues(shadowNode, "justifyItems", "justify-items", "auto", "legacy center");

- checkValues(slotted, "justifyItems", "justify-items", "auto", "legacy center");

- checkValues(slotted, "justifySelf", "justify-self", "auto", "center");

+ checkValues(slotted, "justifyItems", "justify-items", "auto", "normal");

+ checkValues(slotted, "justifySelf", "justify-self", "auto", "normal");

document.documentElement.style.justifyItems = "auto";

}, "Check out how the 'legacy' keyword in justify-items affects the 'slotted' elements while 'slot' is not assigned.");

@@ -256,8 +256,8 @@ test(function() {

slot.style.alignSelf = "left";

checkValues(slot, "alignSelf", "align-self", "left", "left");

slot.style.alignSelf = "auto";

- checkValues(slot, "alignSelf", "align-self", "auto", "right");

-}, "The 'slot' element uses its parent inside the ShadowDOM tree to resolve the align-self 'auto' values .");

+ checkValues(slot, "alignSelf", "align-self", "auto", "normal");

+}, "The 'slot' element should not use its parent inside the ShadowDOM tree to resolve the align-self 'auto' values because Blink does not support slots in the flat tree.");

test(function() {

shadowHost.style.justifyItems = "center";

@@ -270,8 +270,8 @@ test(function() {

slot.style.justifySelf = "left";

checkValues(slot, "justifySelf", "justify-self", "left", "left");

slot.style.justifySelf = "auto";

- checkValues(slot, "justifySelf", "justify-self", "auto", "right");

-}, "The 'slot' element uses its parent inside the ShadowDOM tree to resolve the justify-self 'auto' values .");

+ checkValues(slot, "justifySelf", "justify-self", "auto", "normal");

+}, "The 'slot' element should not use its parent inside the ShadowDOM tree to resolve the justify-self 'auto' values because Blink does not support slots in the flat tree.");

</script>