Fix Component tests

- Updates documentation - Fixes all the component/web component tests - Migrate off jsdom-wc fork for real latest JSDOM
tbranyen · Mar 30, 2020 · 3fc1a0f · 3fc1a0f
1 parent 6fefe26
commit 3fc1a0f
Show file tree

Hide file tree

Showing 47 changed files with 1,164 additions and 744 deletions.
diff --git a/docs/api.html b/docs/api.html
@@ -9,7 +9,7 @@
       <link rel="stylesheet" href="./index.css"></link>
     </head>
 
-    <body>
+    <body class="api">
       <layer id="navigation">
 
         <p class="social">
@@ -135,25 +135,13 @@
 
 
 
-        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
+        <a href="parser.html#options" target><li>Options</li></a>
 
 
 
 
 
-        <a href="parser.html#strict-mode" target><li>Strict mode</li></a>
-
-
-
-
-
-        <a href="parser.html#block-elements" target><li>Customize block elements</li></a>
-
-
-
-
-
-        <a href="parser.html#self-closing" target><li>Self closing</li></a>
+        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
 
 
 
@@ -211,6 +199,12 @@
 
 
 
+
+
+        <a href="middleware.html#html-linter" target><li>HTML Linter</li></a>
+
+
+
         <a href="components.html"><li class="header"><h4>Components</h4></li></a>
 
 

diff --git a/docs/components.html b/docs/components.html
@@ -9,7 +9,7 @@
       <link rel="stylesheet" href="./index.css"></link>
     </head>
 
-    <body>
+    <body class="components">
       <layer id="navigation">
 
         <p class="social">
@@ -135,25 +135,13 @@
 
 
 
-        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
+        <a href="parser.html#options" target><li>Options</li></a>
 
 
 
 
 
-        <a href="parser.html#strict-mode" target><li>Strict mode</li></a>
-
-
-
-
-
-        <a href="parser.html#block-elements" target><li>Customize block elements</li></a>
-
-
-
-
-
-        <a href="parser.html#self-closing" target><li>Self closing</li></a>
+        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
 
 
 
@@ -211,6 +199,12 @@
 
 
 
+
+
+        <a href="middleware.html#html-linter" target><li>HTML Linter</li></a>
+
+
+
         <a href="components.html"><li class="header"><h4>Components</h4></li></a>
 
 

diff --git a/docs/devtools.html b/docs/devtools.html
@@ -9,7 +9,7 @@
       <link rel="stylesheet" href="./index.css"></link>
     </head>
 
-    <body>
+    <body class="devtools">
       <layer id="navigation">
 
         <p class="social">
@@ -135,25 +135,13 @@
 
 
 
-        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
+        <a href="parser.html#options" target><li>Options</li></a>
 
 
 
 
 
-        <a href="parser.html#strict-mode" target><li>Strict mode</li></a>
-
-
-
-
-
-        <a href="parser.html#block-elements" target><li>Customize block elements</li></a>
-
-
-
-
-
-        <a href="parser.html#self-closing" target><li>Self closing</li></a>
+        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
 
 
 
@@ -211,6 +199,12 @@
 
 
 
+
+
+        <a href="middleware.html#html-linter" target><li>HTML Linter</li></a>
+
+
+
         <a href="components.html"><li class="header"><h4>Components</h4></li></a>
 
 

diff --git a/docs/examples.html b/docs/examples.html
@@ -9,7 +9,7 @@
       <link rel="stylesheet" href="./index.css"></link>
     </head>
 
-    <body>
+    <body class="examples-(glitch)">
       <layer id="navigation">
 
         <p class="social">
@@ -135,25 +135,13 @@
 
 
 
-        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
+        <a href="parser.html#options" target><li>Options</li></a>
 
 
 
 
 
-        <a href="parser.html#strict-mode" target><li>Strict mode</li></a>
-
-
-
-
-
-        <a href="parser.html#block-elements" target><li>Customize block elements</li></a>
-
-
-
-
-
-        <a href="parser.html#self-closing" target><li>Self closing</li></a>
+        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
 
 
 
@@ -211,6 +199,12 @@
 
 
 
+
+
+        <a href="middleware.html#html-linter" target><li>HTML Linter</li></a>
+
+
+
         <a href="components.html"><li class="header"><h4>Components</h4></li></a>
 
 

diff --git a/docs/index.css b/docs/index.css
@@ -61,12 +61,12 @@ layer#navigation::-webkit-scrollbar {
 }
 
 layer#navigation::-webkit-scrollbar-track {
-  background: transparent;
+  background: #e8e8e8;
 }
 
 layer#navigation::-webkit-scrollbar-thumb {
   border-radius: 0;
-  background: #E8E8E8; 
+  background: #CACACA;
 }
 
 layer#navigation p.social {
@@ -201,7 +201,7 @@ layer#main section#content h1 {
 }
 
 layer#main section#content h3 a {
-  color: #c74a4a; 
+  color: #c74a4a;
   font-size: 20px;
   text-decoration: none;
 }
@@ -246,12 +246,16 @@ layer#main header h1 img {
 }
 
 layer#main ul {
-  margin-left: 0;
   padding-left: 0;
   font-size: 16px;
   margin-left: 20px;
 }
 
+body.home layer#main ul {
+  margin-left: 0;
+  list-style: none;
+}
+
 layer#main table li:not(:first-child) {
   padding-top: 10px;
 }
@@ -338,14 +342,14 @@ table td {
   width: 100%;
   display: inline-block;
   padding: 40px;
-  background: linear-gradient(to bottom, #FFF, #FFF); 
+  background: linear-gradient(to bottom, #FFF, #FFF);
   box-sizing: border-box;
   font-weight: bold;
   transition: background cubic-bezier(.17,.67,.83,.67) 140ms;
 }
 
 #edit-on-github:hover {
-  color: #FFF; 
+  color: #FFF;
   background: linear-gradient(to bottom, #38ab70, #397db9);
 }
 
@@ -572,7 +576,7 @@ table td {
 }
 
 /* When printing */
-@media print { 
+@media print {
   html, body {
     max-height: inherit !important;
     overflow: visible !important;
@@ -610,4 +614,3 @@ table td {
     display: none !important;
   }
 }
-
diff --git a/docs/index.html b/docs/index.html
@@ -9,7 +9,7 @@
       <link rel="stylesheet" href="./index.css"></link>
     </head>
 
-    <body>
+    <body class="home">
       <layer id="navigation">
 
         <p class="social">
@@ -135,25 +135,13 @@
 
 
 
-        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
+        <a href="parser.html#options" target><li>Options</li></a>
 
 
 
 
 
-        <a href="parser.html#strict-mode" target><li>Strict mode</li></a>
-
-
-
-
-
-        <a href="parser.html#block-elements" target><li>Customize block elements</li></a>
-
-
-
-
-
-        <a href="parser.html#self-closing" target><li>Self closing</li></a>
+        <a href="parser.html#dynamic-values" target><li>Dynamic values</li></a>
 
 
 
@@ -211,6 +199,12 @@
 
 
 
+
+
+        <a href="middleware.html#html-linter" target><li>HTML Linter</li></a>
+
+
+
         <a href="components.html"><li class="header"><h4>Components</h4></li></a>