diff options
| author | Matt A. Tobin <email@mattatobin.com> | 2020-04-17 07:38:16 -0400 |
|---|---|---|
| committer | Matt A. Tobin <email@mattatobin.com> | 2020-04-17 07:38:16 -0400 |
| commit | f605c68f1369935026e38ad2f535608f06d50d73 (patch) | |
| tree | cb1495a7bcf55c3d5e2d2bbee7503d4a0cc167e5 /dom/tests/mochitest/webcomponents/test_unresolved_pseudo_class.html | |
| parent | 53df3a74f46fa6b5d3778f9635a1afb7522c345f (diff) | |
| download | UXP-f605c68f1369935026e38ad2f535608f06d50d73.tar UXP-f605c68f1369935026e38ad2f535608f06d50d73.tar.gz UXP-f605c68f1369935026e38ad2f535608f06d50d73.tar.lz UXP-f605c68f1369935026e38ad2f535608f06d50d73.tar.xz UXP-f605c68f1369935026e38ad2f535608f06d50d73.zip | |
Bug 1417829 - Remove unresolved pseudoclass
Tag #1375
Diffstat (limited to 'dom/tests/mochitest/webcomponents/test_unresolved_pseudo_class.html')
| -rw-r--r-- | dom/tests/mochitest/webcomponents/test_unresolved_pseudo_class.html | 101 |
1 files changed, 0 insertions, 101 deletions
diff --git a/dom/tests/mochitest/webcomponents/test_unresolved_pseudo_class.html b/dom/tests/mochitest/webcomponents/test_unresolved_pseudo_class.html deleted file mode 100644 index a1ff3b3c6..000000000 --- a/dom/tests/mochitest/webcomponents/test_unresolved_pseudo_class.html +++ /dev/null @@ -1,101 +0,0 @@ -<!DOCTYPE HTML> -<html> -<!-- -https://bugzilla.mozilla.org/show_bug.cgi?id=1111633 ---> -<head> - <title>Test template element in stale document.</title> - <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> - <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> - <style> - :unresolved { - color: rgb(0, 0, 255); - background-color: rgb(0, 0, 255); - } - - x-foo { color: rgb(255, 0, 0); } - - [is="x-del"]:not(:unresolved) { color: rgb(255, 0, 0); } - - [is="x-bar"]:not(:unresolved) { color: rgb(255, 0, 0); } - - [is="x-bar"]:unresolved { background-color: rgb(255, 0, 0); } - - x-baz:not(:unresolved) { - color: rgb(255, 0, 0); - background-color: rgb(255, 0, 0); - } - - span { color: rgb(0,255,0); } - - x-foo:unresolved + span { color: rgb(255,0,0); } - - </style> -</head> -<body> -<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1111633">Bug 1111633</a> -<div id="container"></div> -<x-foo id="foo"></x-foo> -<span id="span1">This text should be green</span> -<span id="bar" is="x-bar"></span> -<x-baz id="baz"></x-baz> -<span id="del" is="x-del"></span> -<script> - -// Before define -var foo = document.querySelector('#foo'); -is(getComputedStyle(foo).color, "rgb(0, 0, 255)", "foo - color"); -is(getComputedStyle(foo).backgroundColor, "rgb(0, 0, 255)", "foo - backgroundColor"); - -var bar = document.querySelector('#bar'); -is(getComputedStyle(bar).color, "rgb(0, 0, 255)", "bar - color"); -is(getComputedStyle(bar).backgroundColor, "rgb(255, 0, 0)", "bar - backgroundColor"); - -var baz = document.querySelector('#baz'); -is(getComputedStyle(baz).color, "rgb(0, 0, 255)", "baz - color"); -is(getComputedStyle(baz).backgroundColor, "rgb(0, 0, 255)", "baz - backgroundColor"); - -var span1 = document.querySelector('#span1'); -is(getComputedStyle(span1).color, "rgb(255, 0, 0)", "span1 - color"); - -customElements.define('x-foo', class extends HTMLElement {}); - -customElements.define('x-bar', class extends HTMLSpanElement {}, { extends: 'span' }); - -customElements.define('x-baz', class extends HTMLElement {}); - -// After define -is(getComputedStyle(foo).color, "rgb(255, 0, 0)", - "foo - color (after define)"); - -is(getComputedStyle(bar).color, - "rgb(255, 0, 0)", "bar - color (after define)"); - -is(getComputedStyle(baz).color, - "rgb(255, 0, 0)", "baz - color (after define)"); -is(getComputedStyle(baz).backgroundColor, - "rgb(255, 0, 0)", "baz - backgroundColor (after define)"); - -is(getComputedStyle(span1).color, "rgb(0, 255, 0)", "span1 - color (after define)"); - -// After tree removal -var del = document.querySelector('#del'); -is(getComputedStyle(del).color, "rgb(0, 0, 255)", "del - color"); -var par = del.parentNode; -par.removeChild(del); -// Changing is attribute after creation should not change the type -// of a custom element, even if the element was removed and re-append to the tree. -del.setAttribute("is", "foobar"); -par.appendChild(del); -is(getComputedStyle(del).color, "rgb(0, 0, 255)", "del - color (after reappend)"); - -class Del extends HTMLSpanElement {}; -customElements.define('x-del', Del, { extends: 'span' }); -// [is="x-del"] will not match any longer so the rule of span will apply -is(getComputedStyle(del).color, "rgb(0, 255, 0)", "del - color (after define)"); -// but the element should have been upgraded: -ok(del instanceof Del, "element was upgraded correctly after changing |is|"); - -</script> -</body> -</html> |