style: disable quirks mode in demo and tests

Adds doctype to local demo and test html files in order to prevent accidental dependence on the deprecated CSS "quirks mode".
ca-d · Apr 30, 2024 · e04c937 · e04c937
1 parent 9f44494
commit e04c937
Show file tree

Hide file tree

Showing 27 changed files with 8 additions and 1 deletion.
diff --git a/demo/embedded.html b/demo/embedded.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <title>OpenSCD Core Embedding Demo</title>
 <iframe src="./index.html?locale=de&dark"></iframe>
 <style>

diff --git a/demo/index.html b/demo/index.html
@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <title>OpenSCD Core Demo</title>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&family=Roboto:wght@300;400;500&display=swap">
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Material+Icons&display=block">

diff --git a/screenshots/Firefox/baseline/app-bar-de.png b/screenshots/Firefox/baseline/app-bar-de.png
diff --git a/screenshots/Firefox/baseline/app-bar-en.png b/screenshots/Firefox/baseline/app-bar-en.png
diff --git a/screenshots/Firefox/baseline/document-name-de.png b/screenshots/Firefox/baseline/document-name-de.png
diff --git a/screenshots/Firefox/baseline/document-name-en.png b/screenshots/Firefox/baseline/document-name-en.png
diff --git a/screenshots/Firefox/baseline/editor-plugins-de.png b/screenshots/Firefox/baseline/editor-plugins-de.png
diff --git a/screenshots/Firefox/baseline/editor-plugins-en.png b/screenshots/Firefox/baseline/editor-plugins-en.png
diff --git a/screenshots/Firefox/baseline/editor-plugins-selected-de.png b/screenshots/Firefox/baseline/editor-plugins-selected-de.png
diff --git a/screenshots/Firefox/baseline/editor-plugins-selected-en.png b/screenshots/Firefox/baseline/editor-plugins-selected-en.png
diff --git a/screenshots/Firefox/baseline/editor-plugins-with-doc-de.png b/screenshots/Firefox/baseline/editor-plugins-with-doc-de.png
diff --git a/screenshots/Firefox/baseline/editor-plugins-with-doc-en.png b/screenshots/Firefox/baseline/editor-plugins-with-doc-en.png
diff --git a/screenshots/Firefox/baseline/log-entries-de.png b/screenshots/Firefox/baseline/log-entries-de.png
diff --git a/screenshots/Firefox/baseline/log-entries-en.png b/screenshots/Firefox/baseline/log-entries-en.png
diff --git a/screenshots/Firefox/baseline/log-entries-redone-de.png b/screenshots/Firefox/baseline/log-entries-redone-de.png
diff --git a/screenshots/Firefox/baseline/log-entries-redone-en.png b/screenshots/Firefox/baseline/log-entries-redone-en.png
diff --git a/screenshots/Firefox/baseline/log-entries-undone-de.png b/screenshots/Firefox/baseline/log-entries-undone-de.png
diff --git a/screenshots/Firefox/baseline/log-entries-undone-en.png b/screenshots/Firefox/baseline/log-entries-undone-en.png
diff --git a/screenshots/Firefox/baseline/log-screen-de.png b/screenshots/Firefox/baseline/log-screen-de.png
diff --git a/screenshots/Firefox/baseline/log-screen-en.png b/screenshots/Firefox/baseline/log-screen-en.png
diff --git a/screenshots/Firefox/baseline/menu-drawer-de.png b/screenshots/Firefox/baseline/menu-drawer-de.png
diff --git a/screenshots/Firefox/baseline/menu-drawer-en.png b/screenshots/Firefox/baseline/menu-drawer-en.png
diff --git a/screenshots/Firefox/baseline/menu-plugins-de.png b/screenshots/Firefox/baseline/menu-plugins-de.png
diff --git a/screenshots/Firefox/baseline/menu-plugins-en.png b/screenshots/Firefox/baseline/menu-plugins-en.png
diff --git a/screenshots/Firefox/baseline/menu-plugins-triggered-de.png b/screenshots/Firefox/baseline/menu-plugins-triggered-de.png
diff --git a/screenshots/Firefox/baseline/menu-plugins-triggered-en.png b/screenshots/Firefox/baseline/menu-plugins-triggered-en.png
diff --git a/web-test-runner.config.js b/web-test-runner.config.js
@@ -77,6 +77,7 @@ export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
       name: 'visual',
       files: 'dist/**/*.test.js',
       testRunnerHtml: testFramework => `
+<!DOCTYPE html>
 <html>
   <head>
     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&family=Roboto:wght@300;400;500&display=swap">
@@ -122,8 +123,12 @@ export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
       padding: 0px;
     }
 
+    html {
+      height: 600px;
+    }
+
     body {
-      background: white;
+      height: 100%;
     }
     </style>
   </body>