Chaging pseudoClass (:enabled) should cause distribution
[WebKit-https.git] / LayoutTests / fast / dom / shadow / pseudoclass-update-enabled-area.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="resources/polyfill.js"></script>
5 </head>
6
7 <body>
8
9 <style>
10 area {
11     display: inline;
12 }
13 </style>
14
15 <p>When an anchor tag catch 'href' attribute or release 'href' attribute, distribution should happen.</p>
16
17 <div id="host1"></div>
18 <div id="host2"></div>
19
20 <script>
21 if (window.testRunner)
22     testRunner.waitUntilDone();
23
24 function createArea(href, textContent)
25 {
26     var area = document.createElement('area');
27     if (href)
28         area.setAttribute('href', href);
29     area.appendChild(document.createTextNode(textContent));
30
31     return area;
32 }
33
34 var area1 = createArea('http://www.example.com/', 'Anchor 1');
35 var area2 = createArea('http://www.example.com/', 'Anchor 2');
36 var area3 = createArea(null, 'Anchor 3');
37 var area4 = createArea(null, 'Anchor 4');
38
39 host1.appendChild(area1);
40 host1.appendChild(area2);
41 host2.appendChild(area3);
42 host2.appendChild(area4);
43
44 new WebKitShadowRoot(host1).innerHTML = '<content select="area:enabled"></content>';
45 new WebKitShadowRoot(host2).innerHTML = '<content select="area:enabled"></content>';
46
47 setTimeout(function() {
48     area2.removeAttribute('href');
49     area4.setAttribute('href', 'http://www.example.com/');
50     if (testRunner)
51         testRunner.notifyDone();
52 }, 0);
53
54 </script>
55 </body>
56 </html>
57