Merge pull request #1058 from lightpanda-io/test_doctype

Give tests <!DOCTYPE html> so they work correct in browser
2026-09-23 04:55:23 -04:00 · 2025-09-18 11:29:31 +08:00
commit 17bebf4f3a
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="testing.js"></script>
 <script id=intl>
  // this will crash if ICU isn't properly configured / ininitialized
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="testing.js"></script>
 <script id=crypto>
  const a = crypto.randomUUID();
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="testing.js"></script>
 <script id=support>
  testing.expectEqual(true, CSS.supports('display: flex'));
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=css_rule_list>
  let list = new CSSRuleList();
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=css_style_declaration>
  let style = document.createElement('div').style;
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=css_stylesheet>
  let css = new CSSStyleSheet()
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=animation>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <a id="link" href="foo" class="ok">OK</a>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <a id="link" href="foo" class="ok">OK</a>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=comment>
  let comment = new Comment('foo');
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id="content">
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <body></body>

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=documentType>
  let dt1 = document.implementation.createDocumentType('qname1', 'pid1', 'sys1');
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=domParser>
  const dp = new DOMParser();;
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id="content">
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id="content"><p id=para></p></div>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id="content">
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <body>
  <div id="content">
    <a id="link" href="foo" class="ok">OK</a>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=implementation>
  let impl = document.implementation;
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <body></body>
 <script src="../testing.js"></script>
 <script id=intersectionObserver>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=messageChannel>
  const mc1 = new MessageChannel();
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div></div>
 <div id=d1><p id=p1> And</p></div>
 <div id=d2><p id=p2> And</p></div>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div id="content"></div>

 <script src="../testing.js"></script>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <body><div id="content">
    <a id="link" href="foo" class="ok">OK</a>
    <p id="para-empty" class="ok empty">
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=nodeFilter>
  testing.expectEqual(1, NodeFilter.FILTER_ACCEPT);
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=nodeIterator>
  const nodeIterator = document.createNodeIterator(
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div id="content">
  <a id="link" href="foo" class="ok">OK</a>
  <p id="para-empty" class="ok empty">
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div id="target-container">
  <p id="reference-node">
  I am the original reference node.
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=performance>
  let performance = window.performance;
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=performanceObserver>
  testing.expectEqual(0, PerformanceObserver.supportedEntryTypes.length);
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=processingInstruction>
  let pi = document.createProcessingInstruction('foo', 'bar');
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id=content><!-- hello world --><p>over 9000</p></div>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div id=conflict>node</div>

 <script src="../testing.js"></script>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <a id="link" href="foo" class="ok">OK</a>

 <script src="../testing.js"></script>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <p id="para-empty" class="ok empty">

 <script src="../testing.js"></script>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=encoder>
  var encoder = new TextEncoder();
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=custom>
  let capture = null;
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id=content>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=default>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=default>
  let event = new MouseEvent('click');
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=abortController>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <div id=x data-power="over 9000" data-empty data-some-long-key=ok></div>

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html>
  <body>
    <div id=content><a id=link href=#></a></div>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <div id=content>a<strong>b</strong>cc</div>
 <script id=inner>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=ErrorEvent>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=history>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=image>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <form action="test.php" target="_blank" id=form>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <a id=link href=foo>OK</a>

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=location>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=navigator>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=screen>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <head>
  <script>
    let dyn1_loaded = 0;
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../../testing.js"></script>

 <script id=script>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <form id=f1>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script>
  class LightPanda extends HTMLElement {
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=style>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=svg>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id=c></div>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id=main></div>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <script id=localstorage>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=url>
  var url = new URL('https://foo.bar/path?query#fragment');
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=url_search_params>
  let usp = new URLSearchParams();
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <body>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <body></body>
 <script id=aliases>
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=file>
  let f = new File()
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=formData>
  let f = new FormData();
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=progressEvent>
  let pevt = new ProgressEvent('foo');
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=xhr type=module>
  const req = new XMLHttpRequest();