summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/quirks/classname-query-after-sibling-adoption.html
blob: 0fcad36776d5a7fe160244dc342f227b76083798 (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
<!-- quirks mode -->
<html>
  <head>
    <title>Quirks mode elements with class names should remain queriable regardless of sibling adoption into standards mode documents</title>
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
  </head>
  <body>
    <div>
      <button class="Foo"></button>
      <button class="Foo"></button>
    </div>
    <template><div class="Bar"></div></template>
    <script>
    test(function () {
      var templateDocument = document.querySelector("template").content.ownerDocument;
      assert_equals(templateDocument.compatMode, "CSS1Compat");
      assert_equals(document.compatMode, "BackCompat");
      var container = document.querySelector("div");
      var button1 = container.querySelector(".foo");
      assert_true(button1 instanceof Element);
      templateDocument.appendChild(button1);
      assert_true(templateDocument.querySelector(".Foo") instanceof Element);
      assert_false(templateDocument.querySelector(".foo") instanceof Element);
      var button2byHierarchy = container.firstElementChild;
      var button2bySelector = container.querySelector(".foo");
      assert_true(button2bySelector instanceof Element);
      assert_equals(button2bySelector, button2byHierarchy);
    });
    </script>
  </body>
</html>