summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/selectors/i18n/lang-pseudo-class-disconnected.html
blob: 30bb773a3184a69aac94f8de8d1e3740001d9e3f (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
<!DOCTYPE html>
<html>
<link rel="help" href="https://drafts.csswg.org/selectors/#lang-pseudo"/>
<body>
<div id="container" lang="zh"><span></span></div>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script>
test(() => {
    let target = container.querySelector('span');
    assert_true(target.matches(":lang(zh)"));
    target.parentNode.remove();
    assert_true(target.matches(":lang(zh)"));

    const anotherContainer = document.createElement('div');
    anotherContainer.innerHTML = '<div lang="fr"><span></span></div>';
    target = anotherContainer.querySelector('span');
    assert_true(target.matches(":lang(fr)"));
    document.body.append(target.parentNode);
    assert_true(target.matches(":lang(fr)"));
}, ":lang pseudo class should work in a disconnected subtree");
</script>
</body>
</html>