summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/custom-elements/v0/registering/unresolved-element-pseudoclass/unresolved-element-pseudoclass-css-test-registered-type-extension.html
blob: 65921bd4147f20b119ea2fe7df19a9850e668577 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<title>The :unresolved pseudoclass matching type extension</title>
<link rel="author" title="Aleksei Yu. Semenov" href="mailto:a.semenov@unipro.ru">
<meta name="assert" content="The :unresolved pseudoclass must match all custom elements whose created callback has not yet been invoked">
<link rel="help" href="http://www.w3.org/TR/custom-elements/#unresolved-element-pseudoclass">
<link rel="match" href="unresolved-element-pseudoclass-css-test-registered-type-extension-ref.html">
<style>
    :unresolved {
        background-color: red;
    }
    a {
        background-color: yellow;
    }
    body {
        background-color: white;
    }
</style>
<script>
function registerXElement() {
    var obj = document.createElement('a');
    var proto = Object.create(obj.constructor.prototype);
    document.registerElement('x-element', { prototype: proto, extends: 'a'});
}
</script>
<body onload="registerXElement();">
    <p>Test passes if x-element background below is yellow</p>
    <a is="x-element">
        x-element
    </a>
</body>
</html>