Diff
Modified: trunk/LayoutTests/TestExpectations (270008 => 270009)
--- trunk/LayoutTests/TestExpectations 2020-11-19 03:17:53 UTC (rev 270008)
+++ trunk/LayoutTests/TestExpectations 2020-11-19 03:38:21 UTC (rev 270009)
@@ -485,6 +485,11 @@
[ Debug ] imported/w3c/web-platform-tests/css/css-scoping/slotted-matches.html [ Skip ]
# Newly imported WPT ref tests failures.
+imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change.html [ ImageOnlyFailure ]
+imported/w3c/web-platform-tests/compat/webkit-box-fieldset.html [ ImageOnlyFailure ]
+imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex.html [ ImageOnlyFailure ]
+imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004.html [ ImageOnlyFailure ]
+imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005.html [ ImageOnlyFailure ]
imported/w3c/web-platform-tests/html/browsers/windows/iframe-cross-origin-print.sub.html [ ImageOnlyFailure ]
imported/w3c/web-platform-tests/html/editing/editing-0/spelling-and-grammar-checking/spelling-markers-008.html [ ImageOnlyFailure ]
imported/w3c/web-platform-tests/html/editing/editing-0/spelling-and-grammar-checking/spelling-markers-010.html [ ImageOnlyFailure ]
@@ -565,6 +570,7 @@
imported/w3c/web-platform-tests/html/semantics/embedded-content/the-embed-element/embed-represent-nothing-04.html [ ImageOnlyFailure Crash ]
# Newly imported WPT tests that are flaky.
+imported/w3c/web-platform-tests/html/semantics/scripting-1/the-script-element/microtasks/checkpoint-after-window-onerror-module.html [ Failure Pass ]
imported/w3c/web-platform-tests/html/browsers/windows/targeting-cross-origin-nested-browsing-contexts.html [ Failure Pass ]
imported/w3c/web-platform-tests/html/cross-origin-embedder-policy/reporting-to-endpoint.https.html [ Failure Pass ]
imported/w3c/web-platform-tests/html/webappapis/update-rendering/child-document-raf-order.html [ Failure Pass ]
Modified: trunk/LayoutTests/imported/w3c/ChangeLog (270008 => 270009)
--- trunk/LayoutTests/imported/w3c/ChangeLog 2020-11-19 03:17:53 UTC (rev 270008)
+++ trunk/LayoutTests/imported/w3c/ChangeLog 2020-11-19 03:38:21 UTC (rev 270009)
@@ -1,5 +1,18 @@
2020-11-18 Chris Dumez <[email protected]>
+ Import web-platform-tests/compat tests from usptream
+ https://bugs.webkit.org/show_bug.cgi?id=219126
+
+ Reviewed by Sam Weinig.
+
+ Import web-platform-tests/compat tests from usptream dd35c2b21b76772123.
+
+ * resources/import-expectations.json:
+ * resources/resource-files.json:
+ * web-platform-tests/compat/*: Added.
+
+2020-11-18 Chris Dumez <[email protected]>
+
Import web-platform-tests/entries-api tests from usptream
https://bugs.webkit.org/show_bug.cgi?id=219127
Modified: trunk/LayoutTests/imported/w3c/resources/import-expectations.json (270008 => 270009)
--- trunk/LayoutTests/imported/w3c/resources/import-expectations.json 2020-11-19 03:17:53 UTC (rev 270008)
+++ trunk/LayoutTests/imported/w3c/resources/import-expectations.json 2020-11-19 03:38:21 UTC (rev 270009)
@@ -68,7 +68,7 @@
"web-platform-tests/clipboard": "skip",
"web-platform-tests/clipboard-apis": "import",
"web-platform-tests/common": "import",
- "web-platform-tests/compat": "skip",
+ "web-platform-tests/compat": "import",
"web-platform-tests/console": "import",
"web-platform-tests/content-security-policy": "import",
"web-platform-tests/cookies": "skip",
Modified: trunk/LayoutTests/imported/w3c/resources/resource-files.json (270008 => 270009)
--- trunk/LayoutTests/imported/w3c/resources/resource-files.json 2020-11-19 03:17:53 UTC (rev 270008)
+++ trunk/LayoutTests/imported/w3c/resources/resource-files.json 2020-11-19 03:38:21 UTC (rev 270009)
@@ -59,6 +59,7 @@
"web-platform-tests/acid/acid3/svg.xml",
"web-platform-tests/beacon/fetch-keepalive-navigate.iFrame.html",
"web-platform-tests/beacon/navigate.iFrame.sub.html",
+ "web-platform-tests/compat/webkit-box-fixed-position-child.html",
"web-platform-tests/content-security-policy/README.html",
"web-platform-tests/content-security-policy/embedded-enforcement/support/executor.html",
"web-platform-tests/content-security-policy/form-action/support/post-message-to-opener.sub.html",
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/META.yml (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/META.yml (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/META.yml 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,5 @@
+spec: https://compat.spec.whatwg.org/
+suggested_reviewers:
+ - cdumez
+ - foolip
+ - miketaylr
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/css-style-declaration-alias-enumeration-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/css-style-declaration-alias-enumeration-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/css-style-declaration-alias-enumeration-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,3 @@
+
+FAIL Aliases enumerated on CSSStyleDeclaration assert_true: Alias webkitTransform seen expected true got false
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/css-style-declaration-alias-enumeration.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/css-style-declaration-alias-enumeration.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/css-style-declaration-alias-enumeration.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>Aliases enumerated on CSSStyleDeclaration</title>
+<link rel="help" href=""
+<meta name="assert" content="This test verifies that aliases are enumerated on CSSStyleDeclaration" />
+
+<script src=""
+<script src=""
+<body>
+</body>
+<script>
+
+// Note: This is an arbitrarily chosen simple alias from the spec.
+const ALIAS_SAMPLE = 'webkitTransform';
+
+function find_alias(alias) {
+ for (let prop in document.body.style) {
+ if (prop == alias) {
+ return true;
+ }
+ }
+ return false;
+}
+
+test(() => {
+ assert_true(find_alias(ALIAS_SAMPLE), `Alias ${ALIAS_SAMPLE} seen`);
+});
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/historical-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/historical-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/historical-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,5 @@
+
+FAIL getMatchedCSSRules() should not exist assert_false: expected false got true
+PASS webkitHidden should not exist
+PASS webkitVisibilityState should not exist
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/historical.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/historical.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/historical.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>Historical non-standard features</title>
+<script src=""
+<script src=""
+<div id="log"></div>
+<script>
+test(function() {
+ assert_false("getMatchedCSSRules" in window);
+}, "getMatchedCSSRules() should not exist");
+
+test(function() {
+ assert_false("webkitHidden" in window);
+}, "webkitHidden should not exist");
+
+test(function() {
+ assert_false("webkitVisibilityState" in window);
+}, "webkitVisibilityState should not exist");
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,31 @@
+
+PASS idl_test setup
+PASS idl_test validation
+PASS Partial interface Window: original interface defined
+PASS Partial interface Window: member names are unique
+PASS Partial interface HTMLBodyElement: original interface defined
+PASS Partial interface HTMLBodyElement: member names are unique
+PASS Partial interface HTMLBodyElement[2]: member names are unique
+PASS Partial interface Window[2]: member names are unique
+PASS HTMLElement includes GlobalEventHandlers: member names are unique
+PASS HTMLElement includes DocumentAndElementEventHandlers: member names are unique
+PASS HTMLElement includes ElementContentEditable: member names are unique
+PASS HTMLElement includes HTMLOrSVGElement: member names are unique
+PASS HTMLBodyElement includes WindowEventHandlers: member names are unique
+PASS Window includes GlobalEventHandlers: member names are unique
+PASS Window includes WindowEventHandlers: member names are unique
+PASS Window includes WindowOrWorkerGlobalScope: member names are unique
+PASS Window includes AnimationFrameProvider: member names are unique
+PASS Window includes WindowSessionStorage: member names are unique
+PASS Window includes WindowLocalStorage: member names are unique
+PASS Element includes ParentNode: member names are unique
+PASS Element includes NonDocumentTypeChildNode: member names are unique
+PASS Element includes ChildNode: member names are unique
+PASS Element includes Slottable: member names are unique
+FAIL HTMLBodyElement interface: attribute onorientationchange assert_true: The prototype object must have a property "onorientationchange" expected true got false
+FAIL HTMLBodyElement interface: document.body must inherit property "onorientationchange" with the proper type assert_inherits: property "onorientationchange" not found in prototype chain
+FAIL Window interface: attribute orientation assert_own_property: The global object must have a property "orientation" expected property "orientation" missing
+FAIL Window interface: attribute onorientationchange assert_own_property: The global object must have a property "onorientationchange" expected property "onorientationchange" missing
+FAIL Window interface: window must inherit property "orientation" with the proper type assert_own_property: expected property "orientation" missing
+FAIL Window interface: window must inherit property "onorientationchange" with the proper type assert_own_property: expected property "onorientationchange" missing
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1 @@
+<!-- This file is required for WebKit test infrastructure to run the templated test -->
\ No newline at end of file
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window.js (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window.js (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window.js 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,18 @@
+// META: script=/resources/WebIDLParser.js
+// META: script=/resources/idlharness.js
+// META: timeout=long
+
+'use strict';
+
+// https://compat.spec.whatwg.org/
+
+idl_test(
+ ['compat'],
+ ['html', 'dom'],
+ idl_array => {
+ idl_array.add_objects({
+ Window: ['window'],
+ HTMLBodyElement: ['document.body'],
+ });
+ }
+);
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/w3c-import.log (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/w3c-import.log (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/w3c-import.log 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,69 @@
+The tests in this directory were imported from the W3C repository.
+Do NOT modify these tests directly in WebKit.
+Instead, create a pull request on the WPT github:
+ https://github.com/web-platform-tests/wpt
+
+Then run the Tools/Scripts/import-w3c-tests in WebKit to reimport
+
+Do NOT modify or remove this file.
+
+------------------------------------------------------------------------
+Properties requiring vendor prefixes:
+None
+Property values requiring vendor prefixes:
+None
+------------------------------------------------------------------------
+List of files:
+/LayoutTests/imported/w3c/web-platform-tests/compat/META.yml
+/LayoutTests/imported/w3c/web-platform-tests/compat/css-style-declaration-alias-enumeration.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/historical.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/idlharness.window.js
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fixed-position-child.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-ignore-box-pack.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-removing-triggering-anonymous-merge.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-vertically-centered.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-gradient-comma.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-radial-gradient-radii.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-currentColor.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006-expected.html
+/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006.html
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-background-origin should not accept text as value</title>
+<link rel="author" title="Rob Buis" href=""
+<p>There should be a green square below and no red.</p>
+<div style="width: 100px; height: 100px; background-color: green"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-background-origin-text.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-background-origin should not accept text as value</title>
+<link rel="author" title="Rob Buis" href=""
+<link rel="match" href=""
+<style>
+#target {
+ width: 0px;
+ background-image: linear-gradient(green, green 50%, red 50%, red);
+ background-size: 200px 200px;
+ background-origin: border-box;
+ -webkit-background-origin: text;
+ padding: 25px;
+ border: 25px solid transparent;
+}
+</style>
+<p>There should be a green square below and no red.</p>
+<div id="target"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<style>
+ #wb {
+ white-space: pre;
+ border-bottom: red 14px solid;
+ }
+</style>
+<p>Line-clamp should respect bottom-border.
+<p id="wb">Line 1
+Line 2
+Line 3…
+</p>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-bottom-border.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<link rel="match" href=""
+<style>
+ #wb {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+ white-space: pre;
+ border-bottom: red 14px solid;
+ }
+</style>
+<p>Line-clamp should respect bottom-border.
+<div id="wb">Line 1
+Line 2
+Line 3
+Line 4
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<style>
+ #wb {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+ }
+</style>
+<p>Line-clamp should be respected after removing and changing visibility.
+<div id="root" style="border: solid; width: 200px;">
+ <div id="container">
+ <p id="wb">
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ </p>
+ </div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-clamp-visibility-change.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ #wb {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 3;
+ overflow: hidden;
+ }
+</style>
+<p>Line-clamp should be respected after removing and changing visibility.
+<div id="root" style="border: solid; width: 200px;">
+ <div id="container">
+ <p id="wb">
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ text text text text
+ </p>
+ </div>
+</div>
+<script>
+ const container = document.getElementById('container');
+ const root = document.getElementById('root');
+ container.remove();
+ container.style.visibility = 'hidden';
+ root.appendChild(container);
+ document.body.offsetTop;
+ container.style.visibility = '';
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,5 @@
+<!DOCTYPE html>
+<p>Fieldset should contain a green div spanning the width.
+<fieldset>
+ <div id="child" style="background:green; height:10px"></div>
+</fieldset>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fieldset.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<link rel="match" href=""
+<p>Fieldset should contain a green div spanning the width.
+<fieldset style="display: -webkit-box">
+ <div id="child" style="background:green; height:10px"></div>
+</fieldset>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fixed-position-child.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fixed-position-child.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-fixed-position-child.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>Verifies changing 'display' with a fixed position webkit-box that
+ has a fixed position child</title>
+<body>
+ <div id="outer" style="position:fixed;">
+ <div style="display:-webkit-box; float:left; padding-left:100%;">
+ <div style="position:fixed; width:100px; height:100px;"></div>
+ </div>
+ <div style="display:inline-block; width:100px; height:20px;"></div>
+</div>
+<div id="elm"></div>
+A
+</body>
+<script>
+ document.body.offsetTop;
+ elm.style.display = 'none';
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<style>
+.flexbox {
+ width: 300px;
+ display: flex;
+ border-style: solid;
+ border-width: 1px 2px 1px 4px;
+}
+
+.reverse {
+ flex-direction: row-reverse;
+}
+
+.redbox {
+ background: red;
+ width: 100px;
+ flex-shrink: 0;
+}
+
+.greenbox {
+ background: green;
+ width: 100px;
+ flex-shrink: 0;
+}
+
+</style>
+<p>Exercises -webkit-box with various box-pack settings when direction is
+ reverse. In all cases the order of letters in the boxes should be
+ alphabetized left to right.
+<p>Start. Boxes should be aligned to left side.
+<div class="flexbox reverse" style="justify-content: flex-end;">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Centered. Boxes should be centered.
+<div class="flexbox reverse" style="justify-content: center;">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>End. Boxes should be aligned to right side.
+<div class="flexbox reverse">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Start, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="flexbox">
+ <div class="greenbox">A</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">D</div>
+</div>
+
+<p>Center, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="flexbox">
+ <div class="greenbox">A</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">D</div>
+</div>
+
+<p>End, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="flexbox">
+ <div class="greenbox">A</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">D</div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-reverse-variants.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+.webkitbox {
+ width: 300px;
+ display: -webkit-box;
+ -webkit-box-direction: reverse;
+ border-style: solid;
+ border-width: 1px 2px 1px 4px;
+}
+
+.redbox {
+ background: red;
+ width: 100px;
+}
+
+.greenbox {
+ background: green;
+ width: 100px;
+}
+
+</style>
+<p>Exercises -webkit-box with various box-pack settings when direction is
+ reverse. In all cases the order of letters in the boxes should be
+ alphabetized left to right.
+<p>Start. Boxes should be aligned to left side.
+<div class="webkitbox">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Centered. Boxes should be centered.
+<div class="webkitbox" style="-webkit-box-pack: center">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>End. Boxes should be aligned to right side.
+<div class="webkitbox" style="-webkit-box-pack: end">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Start, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="webkitbox">
+ <div class="redbox">D</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Center, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="webkitbox" style="-webkit-box-pack: center">
+ <div class="redbox">D</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>End, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="webkitbox" style="-webkit-box-pack: end">
+ <div class="redbox">D</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<style>
+.flexbox {
+ width: 300px;
+ display: flex;
+ border-style: solid;
+ border-width: 1px 2px 1px 4px;
+}
+
+.rtl {
+ direction: rtl;
+}
+
+.redbox {
+ background: red;
+ width: 100px;
+ flex-shrink: 0;
+}
+
+.greenbox {
+ background: green;
+ width: 100px;
+ flex-shrink: 0;
+}
+
+</style>
+<p>Exercises -webkit-box with various box-pack settings when rtl. In all cases
+ the order of letters in the boxes should be alphabetized left to right.
+<p>Start. Boxes should be aligned to right side.
+<div class="flexbox rtl">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Centered. Boxes should be centered.
+<div class="flexbox rtl" style="justify-content: center;">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>End. Boxes should be aligned to left side.
+<div class="flexbox rtl" style="justify-content: flex-end;">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Start, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="flexbox">
+ <div class="greenbox rtl">A</div>
+ <div class="redbox rtl">B</div>
+ <div class="greenbox rtl">C</div>
+ <div class="redbox rtl">D</div>
+</div>
+
+<p>Center, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="flexbox">
+ <div class="greenbox rtl">A</div>
+ <div class="redbox rtl">B</div>
+ <div class="greenbox rtl">C</div>
+ <div class="redbox rtl">D</div>
+</div>
+
+<p>End, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="flexbox">
+ <div class="greenbox rtl">A</div>
+ <div class="redbox rtl">B</div>
+ <div class="greenbox rtl">C</div>
+ <div class="redbox rtl">D</div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-horizontal-rtl-variants.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+.webkitbox {
+ width: 300px;
+ display: -webkit-box;
+ direction: rtl;
+ border-style: solid;
+ border-width: 1px 2px 1px 4px;
+}
+
+.redbox {
+ background: red;
+ width: 100px;
+}
+
+.greenbox {
+ background: green;
+ width: 100px;
+}
+
+</style>
+<p>Exercises -webkit-box with various box-pack settings when rtl. In all cases
+ the order of letters in the boxes should be alphabetized left to right.
+<p>Start. Boxes should be aligned to right side.
+<div class="webkitbox">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Centered. Boxes should be centered.
+<div class="webkitbox" style="-webkit-box-pack: center">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>End. Boxes should be aligned to left side.
+<div class="webkitbox" style="-webkit-box-pack: end">
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Start, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="webkitbox">
+ <div class="redbox">D</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>Center, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="webkitbox" style="-webkit-box-pack: center">
+ <div class="redbox">D</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
+
+<p>End, content too big. Boxes should start at left edge and extend
+ outside border.
+<div class="webkitbox" style="-webkit-box-pack: end">
+ <div class="redbox">D</div>
+ <div class="greenbox">C</div>
+ <div class="redbox">B</div>
+ <div class="greenbox">A</div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-ignore-box-pack-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-ignore-box-pack-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-ignore-box-pack-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,3 @@
+
+PASS Child should be positioned at y-offset greater than 0 if children exceed bounds of parent
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-ignore-box-pack.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-ignore-box-pack.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-ignore-box-pack.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<script src=""
+<script src=""
+<style>
+#outer {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-pack: center;
+ width: 100px;
+ height: 100px;
+}
+#inner {
+ width: 100px;
+ height: 200px;
+}
+</style>
+<div id="outer">
+ <div id="inner"></div>
+</div>
+<script>
+ test(function() {
+ var child = document.getElementById("inner");
+ assert_greater_than(child.offsetTop, 0);
+ }, "Child should be positioned at y-offset greater than 0 if children exceed bounds of parent");
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-removing-triggering-anonymous-merge-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-removing-triggering-anonymous-merge-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-removing-triggering-anonymous-merge-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,4 @@
+text
+
+PASS -webkit-box: removal of child
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-removing-triggering-anonymous-merge.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-removing-triggering-anonymous-merge.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-removing-triggering-anonymous-merge.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<script src=""
+<script src=""
+<div style="display: -webkit-box">
+ <span><div></div></span>
+ <div id="target"></div>
+ text
+</div>
+<script>
+test(function() {
+ // Force a layout before removing.
+ document.body.offsetTop;
+ document.getElementById('target').remove();
+}, '-webkit-box: removal of child');
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<style>
+#flexbox {
+ width: 500px;
+ display: flex;
+ direction: rtl;
+}
+
+#redbox {
+ background: red;
+ flex: 1;
+}
+
+#greenbox {
+ background: green;
+ flex: 1;
+}
+
+</style>
+<p>There should be a green box followed by a red box, both on the same line.
+<div id="flexbox">
+ <div id="redbox">A</div>
+ <div id="greenbox">B</div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-rtl-flex.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+#webkitbox {
+ width: 500px;
+ display: -webkit-box;
+ direction: rtl;
+}
+
+#redbox {
+ background: red;
+ -webkit-box-flex: 1;
+}
+
+#greenbox {
+ background: green;
+ -webkit-box-flex: 1;
+}
+
+</style>
+<p>There should be a green box followed by a red box, both on the same line.
+<div id="webkitbox">
+ <div id="redbox">A</div>
+ <div id="greenbox">B</div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-vertically-centered-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-vertically-centered-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-vertically-centered-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,4 @@
+text
+
+PASS Child in vertically centered webkit-box is centered
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-vertically-centered.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-vertically-centered.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-box-vertically-centered.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<script src=""
+<script src=""
+<style>
+#wb {
+ display: -webkit-box;
+ -webkit-box-align: center;
+ -webkit-box-orient: vertical;
+}
+</style>
+<div id="wb">
+ <span id="t">text</span>
+</div>
+<script>
+ test(function() {
+ var child = document.getElementById("t");
+ var webkitBox = document.getElementById("wb");
+ // |webkitBox| should be centered, this at least ensures it's not left
+ // aligned.
+ assert_greater_than(child.offsetLeft, webkitBox.offsetLeft);
+ }, "Child in vertically centered webkit-box is centered");
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-gradient-comma-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-gradient-comma-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-gradient-comma-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,4 @@
+
+PASS -webkit-radial-gradient accepts comma before color stops.
+FAIL -webkit-radial-gradient rejects missing comma before color stops. assert_false: expected false got true
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-gradient-comma.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-gradient-comma.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-gradient-comma.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<link rel="help" href=""
+<link rel="help" href=""
+<meta name="assert" content="Negative radii values are invalid.">
+<script src=""
+<script src=""
+<script>
+test(function() {
+ assert_true(CSS.supports("background-image", "-webkit-radial-gradient(1px 2px, 3% 4%, red, blue)"));
+}, '-webkit-radial-gradient accepts comma before color stops.');
+
+test(function() {
+ assert_false(CSS.supports("background-image", "-webkit-radial-gradient(1px 2px, 3% 4% red, blue)"));
+}, '-webkit-radial-gradient rejects missing comma before color stops.');
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<title>Compatibility Test Reference</title>
+<style>
+ #square {
+ height: 100px;
+ width: 100px;
+ background-image: linear-gradient(to bottom, orange, blue);
+ }
+</style>
+<p>You should see a square, orange at the top, blue at the bottom.</p>
+<div id="square"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-diff-unprefixed.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<title>Compatibility Test: -webkit-linear-gradient() diff with linear-gradient()</title>
+<link rel="help" href=""
+<link rel="match" href=""
+<style>
+ #square {
+ height: 100px;
+ width: 100px;
+ }
+</style>
+<p>You should see a square, orange at the top, blue at the bottom.</p>
+<div id="square"></div>
+<script>
+ square.offsetTop;
+ square.style.backgroundImage = "-webkit-linear-gradient(bottom, orange, blue)";
+ square.offsetTop;
+ square.style.backgroundImage = "linear-gradient(to bottom, orange, blue)";
+</script>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>A green 100x100 block</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="width: 100px; height: 100px; background: green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-bottom.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,22 @@
+<!doctype html>
+<title>-webkit-linear-gradient(bottom)</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="'bottom' in -webkit-linear-gradient is equivalent to 'to top' in modern syntax">
+<link rel="match" href=""
+<style>
+ #outer {
+ width: 100px;
+ height: 100px;
+ overflow: hidden;
+ }
+ #inner {
+ width: 100px;
+ height: 200px;
+ background-image: -webkit-linear-gradient(bottom, red 50%, green 50%);
+ }
+</style>
+<div id="outer">
+ <div id="inner"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>A green 100x100 block</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="width: 100px; height: 100px; background: green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-left.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,22 @@
+<!doctype html>
+<title>-webkit-linear-gradient(left)</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="'left' in -webkit-linear-gradient is equivalent to 'to right' in modern syntax">
+<link rel="match" href=""
+<style>
+ #outer {
+ width: 100px;
+ height: 100px;
+ overflow: hidden;
+ }
+ #inner {
+ width: 200px;
+ height: 100px;
+ background-image: -webkit-linear-gradient(left, green 50%, red 50%);
+ }
+</style>
+<div id="outer">
+ <div id="inner"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>A green 100x100 block</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="width: 100px; height: 100px; background: green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-right.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,22 @@
+<!doctype html>
+<title>-webkit-linear-gradient(right)</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="'right' in -webkit-linear-gradient is equivalent to 'to left' in modern syntax">
+<link rel="match" href=""
+<style>
+ #outer {
+ width: 100px;
+ height: 100px;
+ overflow: hidden;
+ }
+ #inner {
+ width: 200px;
+ height: 100px;
+ background-image: -webkit-linear-gradient(right, red 50%, green 50%);
+ }
+</style>
+<div id="outer">
+ <div id="inner"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>A green 100x100 block</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="width: 100px; height: 100px; background: green;"></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-linear-gradient-line-top.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,22 @@
+<!doctype html>
+<title>-webkit-linear-gradient(top)</title>
+<link rel="author" title="Xidorn Quan" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="'top' in -webkit-linear-gradient is equivalent to 'to bottom' in modern syntax">
+<link rel="match" href=""
+<style>
+ #outer {
+ width: 100px;
+ height: 100px;
+ overflow: hidden;
+ }
+ #inner {
+ width: 100px;
+ height: 200px;
+ background-image: -webkit-linear-gradient(top, green 50%, red 50%);
+ }
+</style>
+<div id="outer">
+ <div id="inner"></div>
+</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-currentColor-expected.txt (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-currentColor-expected.txt (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-currentColor-expected.txt 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,3 @@
+
+PASS Test that currentColor is not affected by -webkit-text-fill-color
+
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-currentColor.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-currentColor.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-currentColor.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,19 @@
+<!doctype html>
+<title>Test that currentColor is not affected by -webkit-text-fill-color</title>
+<script src=""
+<script src=""
+<p id="target" style="text-decoration-color: currentColor; color: blue; -webkit-text-fill-color: red;"></p>
+<script>
+test(function() {
+ var target = document.getElementById("target");
+ var cs = window.getComputedStyle(target, null);
+
+ var textDecorationColor = cs.getPropertyValue('text-decoration-color');
+ var color = cs.getPropertyValue('color');
+ var webkiTextFillColor = cs.getPropertyValue('-webkit-text-fill-color');
+
+ assert_equals(textDecorationColor, color);
+ assert_not_equals(textDecorationColor, webkiTextFillColor);
+});
+
+</script>
\ No newline at end of file
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: untouched</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="color: green">These texts should be green</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001a.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: green</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of texts should be green">
+<link rel="match" href=""
+<div style="-webkit-text-fill-color: green;">These texts should be green</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: untouched</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="color: green">These texts should be green</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001b.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: green</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of texts should be green">
+<link rel="match" href=""
+<div style="color: red; -webkit-text-fill-color: green;">These texts should be green</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: untouched</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="color: green">These texts should be green</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001c.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: green</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of texts should be green">
+<link rel="match" href=""
+<div style="color: red; -webkit-text-fill-color: green;">These texts <span style="color: red">should be green</span></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: untouched</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<div style="color: green">These texts should be green</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-001d.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color: green</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of texts should be green">
+<link rel="match" href=""
+<div style="color: transparent; -webkit-text-fill-color: green;">These texts should be green</div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>webkit-text-fill-color on selected text reference</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+p {
+ color: green;
+}
+</style>
+<body _onload_="onload()">
+<p>Pass if color of <span id="selectMe">selected text</span> is green or inverted (depending on the platform convention), but not red</p>
+<script type="text/_javascript_">
+function onload() {
+ var elt = document.getElementById("selectMe");
+ var range = document.createRange();
+ range.selectNode(elt);
+ window.getSelection().removeAllRanges();
+ window.getSelection().addRange(range);
+ document.documentElement.classList.remove('reftest-wait');
+}
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-002.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>webkit-text-fill-color should take effect while rendering selected text</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of selected text should be green">
+<link rel="match" href=""
+<style>
+p {
+ color: red;
+ -webkit-text-fill-color: green;
+}
+</style>
+<body _onload_="onload()">
+<p>Pass if color of <span id="selectMe">selected text</span> is green or inverted (depending on the platform convention), but not red</p>
+<script type="text/_javascript_">
+function onload() {
+ var elt = document.getElementById("selectMe");
+ var range = document.createRange();
+ range.selectNode(elt);
+ window.getSelection().removeAllRanges();
+ window.getSelection().addRange(range);
+ document.documentElement.classList.remove('reftest-wait');
+}
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>webkit-text-fill-color on ::-moz-selection selected text reference</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+::-moz-selection {
+ color: green; background: skyblue;
+}
+::selection {
+ color: green; background: skyblue;
+}
+</style>
+<body _onload_="onload()">
+<p>Pass if color of <span id="selectMe">selected text</span> is green!!!</p>
+<script type="text/_javascript_">
+function onload() {
+ var elt = document.getElementById("selectMe");
+ var range = document.createRange();
+ range.selectNode(elt);
+ window.getSelection().removeAllRanges();
+ window.getSelection().addRange(range);
+ document.documentElement.classList.remove('reftest-wait');
+}
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-003.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta charset="utf-8">
+<title>webkit-text-fill-color should take effect while rendering ::-moz-selection selected text</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of selected text should be green">
+<link rel="match" href=""
+<style>
+::-moz-selection {
+ background: skyblue;
+ color: red;
+ -webkit-text-fill-color: green;
+}
+::selection {
+ background: skyblue;
+ color: red;
+ -webkit-text-fill-color: green;
+}
+</style>
+<body _onload_="onload()">
+<p>Pass if color of <span id="selectMe">selected text</span> is green!!!</p>
+<script type="text/_javascript_">
+function onload() {
+ var elt = document.getElementById("selectMe");
+ var range = document.createRange();
+ range.selectNode(elt);
+ window.getSelection().removeAllRanges();
+ window.getSelection().addRange(range);
+ document.documentElement.classList.remove('reftest-wait');
+}
+</script>
+</body>
+</html>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color on MathML reference</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<style>
+math {
+ font-size: 50px;
+ color: green;
+}
+</style>
+<body>
+<p>Pass if color of operators and operands are all green!!!</p>
+ <math>
+ <mrow>
+ <mrow>
+ <msup>
+ <mi>a</mi>
+ <mn>2</mn>
+ </msup>
+ <mo>+</mo>
+ <msup>
+ <mi>b</mi>
+ <mn>2</mn>
+ </msup>
+ </mrow>
+ <mo>=</mo>
+ <msup>
+ <mi>c</mi>
+ <mn>2</mn>
+ </msup>
+ </mrow>
+ </math>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-004.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color should take effect while rendering MathML</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of MathML should be green">
+<link rel="match" href=""
+<style>
+math {
+ font-size: 50px;
+ color: red;
+ -webkit-text-fill-color: green;
+}
+</style>
+<body>
+<p>Pass if color of operators and operands are all green!!!</p>
+ <math>
+ <mrow>
+ <mrow>
+ <msup>
+ <mi>a</mi>
+ <mn>2</mn>
+ </msup>
+ <mo>+</mo>
+ <msup>
+ <mi>b</mi>
+ <mn>2</mn>
+ </msup>
+ </mrow>
+ <mo>=</mo>
+ <msup>
+ <mi>c</mi>
+ <mn>2</mn>
+ </msup>
+ </mrow>
+ </math>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color on text-decoration underline reference</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<style type="text/css">
+p {
+ color: green;
+}
+p.underline {
+ text-decoration: underline;
+}
+</style>
+<div><p>Pass if text underline is green!!!</p></div>
+<div><p class="underline"> </p></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-005.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color should not take effect while rendering text-decoration underline</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of text-decoration underline should be green">
+<link rel="match" href=""
+<style type="text/css">
+p {
+ color: green;
+}
+p.underline {
+ text-decoration: underline;
+ -webkit-text-fill-color: red
+}
+</style>
+<div><p>Pass if text underline is green!!!</p></div>
+<div><p class="underline"> </p></div>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006-expected.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006-expected.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006-expected.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color on text-overflow ellipsis reference</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="stylesheet" type="text/css" href="" />
+<style>
+div {
+ font-size: 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 150px;
+ color: green;
+}
+span {
+ font-family: Ahem;
+ font-size: 30px;
+}
+</style>
+<body>
+<p>Test passes if there is a <strong>green ellipsis</strong> after "TestChecks".</p>
+<div>
+ <span>TestChecksThatTextColorAndEllipsisColorShouldBeTheSame</span>
+</div>
+</body>
Added: trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006.html (0 => 270009)
--- trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006.html (rev 0)
+++ trunk/LayoutTests/imported/w3c/web-platform-tests/compat/webkit-text-fill-color-property-006.html 2020-11-19 03:38:21 UTC (rev 270009)
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>webkit-text-fill-color should take effect while rendering text-overflow ellipsis</title>
+<link rel="author" title="Jeremy Chen" href=""
+<link rel="author" title="Mozilla" href=""
+<link rel="help" href=""
+<meta name="assert" content="The color of text-overflow ellipsis should be green">
+<link rel="match" href=""
+<link rel="stylesheet" type="text/css" href="" />
+<style>
+div {
+ font-size: 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 150px;
+ color: red;
+ -webkit-text-fill-color: green;
+}
+span {
+ font-family: Ahem;
+ font-size: 30px;
+}
+</style>
+<body>
+<p>Test passes if there is a <strong>green ellipsis</strong> after "TestChecks".</p>
+<div>
+ <span>TestChecksThatTextColorAndEllipsisColorShouldBeTheSame</span>
+</div>
+</body>
