Index: LayoutTests/fast/dom/shadow/shadow-root-resetStyleInheritance.html |
diff --git a/LayoutTests/fast/dom/shadow/shadow-root-resetStyleInheritance.html b/LayoutTests/fast/dom/shadow/shadow-root-resetStyleInheritance.html |
deleted file mode 100644 |
index 82b2a621f0cdc6f2f433b1a2d942b2960e0bb1e3..0000000000000000000000000000000000000000 |
--- a/LayoutTests/fast/dom/shadow/shadow-root-resetStyleInheritance.html |
+++ /dev/null |
@@ -1,168 +0,0 @@ |
-<!DOCTYPE html> |
-<html> |
-<head> |
-<style> |
-div.resetTest { |
- background-color: #eef; |
- border: solid; |
- margin: 4px; |
- padding: 16px; |
- color: #fee; |
- font-family: Serif; |
- font-size: 24px; |
- font-style: italic; |
- font-variant: small-caps; |
- font-weight: bold; |
- letter-spacing: 2px; |
- line-height: 200%; |
- text-align: start; |
- text-indent: 50px; |
- text-transform: uppercase; |
- white-space: nowrap; |
- word-spacing: 30px; |
-} |
-</style> |
-<script> |
-function assertTrue(id, actual) { |
- if (!actual) |
- throw "failure:" + id + ": assertTrue failed"; |
-} |
- |
-function assertFalse(id, actual) { |
- if (actual) |
- throw "failure:" + id + ": assertFalse failed"; |
-} |
- |
-function shouldBe(a, b) |
-{ |
- if (a != b) |
- throw "failure:" + a + ": should be " + b; |
-} |
- |
-function shouldNotBe(a, b) |
-{ |
- if (a == b) |
- throw "failure:" + a + ": should not be " + b; |
-} |
-</script> |
-</head> |
-<body> |
-<div id="reset-style-inheritance"></div> |
-<div id="no-reset-style-inheritance"></div> |
-<div id="reset-style-inheritance-true-to-false"></div> |
-<div id="reset-style-inheritance-false-to-true"></div> |
-<div id="reset-style-inheritance-for-content"></div> |
-<div id="no-reset-style-inheritance-for-content"></div> |
- |
-<script> |
-function renderWithNoResetStyleInheritance() { |
- var div = document.createElement('div'); |
- div.className = 'resetTest'; |
- |
- var shadowRoot = div.createShadowRoot(); |
- assertFalse('default resetStyleInheritance should be false', shadowRoot.resetStyleInheritance); |
- shadowRoot.innerHTML = '<div>text</div>'; |
- |
- document.getElementById('no-reset-style-inheritance').appendChild(div); |
-} |
- |
-function renderWithResetStyleInheritance() { |
- var div = document.createElement('div'); |
- div.className = 'resetTest'; |
- |
- var shadowRoot = div.createShadowRoot(); |
- assertFalse('default resetStyleInheritance should be false', shadowRoot.resetStyleInheritance); |
- shadowRoot.resetStyleInheritance = true; |
- shadowRoot.innerHTML = '<div>text</div>'; |
- assertTrue('resetStyleInheritance should be true as explicitly set', shadowRoot.resetStyleInheritance); |
- |
- document.getElementById('reset-style-inheritance').appendChild(div); |
-} |
- |
-function renderWithChangingResetStyleInheritanceFromTrueToFalse() { |
- var div = document.createElement('div'); |
- div.className = 'resetTest'; |
- |
- var shadowRoot = div.createShadowRoot(); |
- assertFalse('default resetStyleInheritance should be false', shadowRoot.resetStyleInheritance); |
- shadowRoot.resetStyleInheritance = true; |
- shadowRoot.innerHTML = '<div id="test1">text</div>'; |
- assertTrue('resetStyleInheritance should be true', shadowRoot.resetStyleInheritance); |
- |
- document.getElementById('reset-style-inheritance-true-to-false').appendChild(div); |
- div.offsetLeft; |
- var target = shadowRoot.getElementById('test1'); |
- shouldNotBe(window.getComputedStyle(target).getPropertyValue('font-family'), 'serif'); |
- shouldNotBe(window.getComputedStyle(target).getPropertyValue('line-height'), '48px'); |
- |
- shadowRoot.resetStyleInheritance = false; |
- assertFalse('resetStyleInheritance should be false', shadowRoot.resetStyleInheritance); |
- div.offsetLeft; |
- shouldBe(window.getComputedStyle(target).getPropertyValue('font-family'), 'serif'); |
- shouldBe(window.getComputedStyle(target).getPropertyValue('line-height'), '48px'); |
-} |
- |
-function renderWithChangingResetStyleInheritanceFromFalseToTrue() { |
- var div = document.createElement('div'); |
- div.className = 'resetTest'; |
- |
- var shadowRoot = div.createShadowRoot(); |
- assertFalse('default resetStyleInheritance should be false', shadowRoot.resetStyleInheritance); |
- shadowRoot.resetStyleInheritance = false; |
- shadowRoot.innerHTML = '<div id="test2">text</div>'; |
- assertFalse('default resetStyleInheritance should be false', shadowRoot.resetStyleInheritance); |
- |
- document.getElementById('reset-style-inheritance-false-to-true').appendChild(div); |
- div.offsetLeft; |
- var target = shadowRoot.getElementById('test2'); |
- shouldBe(window.getComputedStyle(target).getPropertyValue('font-family'), 'serif'); |
- shouldBe(window.getComputedStyle(target).getPropertyValue('line-height'), '48px'); |
- |
- shadowRoot.resetStyleInheritance = true; |
- assertTrue('resetStyleInheritance should be true', shadowRoot.resetStyleInheritance); |
- div.offsetLeft; |
- shouldNotBe(window.getComputedStyle(target).getPropertyValue('font-family'), 'serif'); |
- shouldNotBe(window.getComputedStyle(target).getPropertyValue('line-height'), '48px'); |
-} |
- |
-function createDivWithText(text) { |
- var div = document.createElement('div'); |
- div.appendChild(document.createTextNode(text)); |
- return div; |
-} |
- |
-function renderResetStyleInheritanceForContent() { |
- var div = document.createElement('div'); |
- div.className = 'resetTest'; |
- div.appendChild(createDivWithText('text')); |
- |
- var shadowRoot = div.createShadowRoot(); |
- shadowRoot.innerHTML = '<content select="div"></content>'; |
- shadowRoot.resetStyleInheritance = true; |
- assertTrue('resetStyleInheritance should be true', shadowRoot.resetStyleInheritance); |
- document.getElementById('reset-style-inheritance-for-content').appendChild(div); |
- div.offsetLeft; |
-} |
- |
-function renderNoResetStyleInheritanceForContent() { |
- var div = document.createElement('div'); |
- div.className = 'resetTest'; |
- div.appendChild(createDivWithText('text')); |
- |
- var shadowRoot = div.createShadowRoot(); |
- shadowRoot.innerHTML = '<content select="div"></content>'; |
- shadowRoot.resetStyleInheritance = false; |
- assertFalse('resetStyleInheritance should be false', shadowRoot.resetStyleInheritance); |
- document.getElementById('no-reset-style-inheritance-for-content').appendChild(div); |
- div.offsetLeft; |
-} |
- |
-renderWithNoResetStyleInheritance(); |
-renderWithResetStyleInheritance(); |
-renderWithChangingResetStyleInheritanceFromTrueToFalse(); |
-renderWithChangingResetStyleInheritanceFromFalseToTrue(); |
-renderResetStyleInheritanceForContent(); |
-renderNoResetStyleInheritanceForContent(); |
-</script> |
-</body> |
-</html> |