Give tests <!DOCTYPE html> so they work correct in browser

2025-10-28 22:53:28 +00:00 · 2025-09-18 10:53:29 +08:00
parent b7d26cf0d5
commit 66362c2762
69 changed files with 69 additions and 0 deletions
--- a/src/tests/browser.html
+++ b/src/tests/browser.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="testing.js"></script>
 <script id=intl>
  // this will crash if ICU isn't properly configured / ininitialized
--- a/src/tests/crypto.html
+++ b/src/tests/crypto.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="testing.js"></script>
 <script id=crypto>
  const a = crypto.randomUUID();
--- a/src/tests/css.html
+++ b/src/tests/css.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="testing.js"></script>
 <script id=support>
  testing.expectEqual(true, CSS.supports('display: flex'));
--- a/src/tests/cssom/css_rule_list.html
+++ b/src/tests/cssom/css_rule_list.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=css_rule_list>
  let list = new CSSRuleList();
--- a/src/tests/cssom/css_style_declaration.html
+++ b/src/tests/cssom/css_style_declaration.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=css_style_declaration>
  let style = document.createElement('div').style;
--- a/src/tests/cssom/css_stylesheet.html
+++ b/src/tests/cssom/css_stylesheet.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=css_stylesheet>
  let css = new CSSStyleSheet()
--- a/src/tests/dom/animation.html
+++ b/src/tests/dom/animation.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

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

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

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

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

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

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

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

 <div id="content">
--- a/src/tests/dom/html_collection.html
+++ b/src/tests/dom/html_collection.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <body>
  <div id="content">
    <a id="link" href="foo" class="ok">OK</a>
--- a/src/tests/dom/implementation.html
+++ b/src/tests/dom/implementation.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=implementation>
  let impl = document.implementation;
--- a/src/tests/dom/intersection_observer.html
+++ b/src/tests/dom/intersection_observer.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <body></body>
 <script src="../testing.js"></script>
 <script id=intersectionObserver>
--- a/src/tests/dom/message_channel.html
+++ b/src/tests/dom/message_channel.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=messageChannel>
  const mc1 = new MessageChannel();
--- a/src/tests/dom/mutation_observer.html
+++ b/src/tests/dom/mutation_observer.html
@@ -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>
--- a/src/tests/dom/named_node_map.html
+++ b/src/tests/dom/named_node_map.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div id="content"></div>

 <script src="../testing.js"></script>
--- a/src/tests/dom/node.html
+++ b/src/tests/dom/node.html
@@ -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">
--- a/src/tests/dom/node_filter.html
+++ b/src/tests/dom/node_filter.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=nodeFilter>
  testing.expectEqual(1, NodeFilter.FILTER_ACCEPT);
--- a/src/tests/dom/node_iterator.html
+++ b/src/tests/dom/node_iterator.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=nodeIterator>
  const nodeIterator = document.createNodeIterator(
--- a/src/tests/dom/node_list.html
+++ b/src/tests/dom/node_list.html
@@ -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">
--- a/src/tests/dom/node_owner.html
+++ b/src/tests/dom/node_owner.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div id="target-container">
  <p id="reference-node">
  I am the original reference node.
--- a/src/tests/dom/performance.html
+++ b/src/tests/dom/performance.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=performance>
  let performance = window.performance;
--- a/src/tests/dom/performance_observer.html
+++ b/src/tests/dom/performance_observer.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=performanceObserver>
  testing.expectEqual(0, PerformanceObserver.supportedEntryTypes.length);
--- a/src/tests/dom/processing_instruction.html
+++ b/src/tests/dom/processing_instruction.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>
 <script id=processingInstruction>
  let pi = document.createProcessingInstruction('foo', 'bar');
--- a/src/tests/dom/range.html
+++ b/src/tests/dom/range.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <script src="../testing.js"></script>

 <div id=content><!-- hello world --><p>over 9000</p></div>
--- a/src/tests/dom/shadow_root.html
+++ b/src/tests/dom/shadow_root.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div id=conflict>node</div>

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

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

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

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

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

 <script id=abortController>
--- a/src/tests/html/dataset.html
+++ b/src/tests/html/dataset.html
@@ -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>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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