Test self-closing options

posthtml · Mar 17, 2023 · 56cdd50 · 56cdd50
1 parent f894a9b
commit 56cdd50
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/docs-src/components/test/self-closing.html b/docs-src/components/test/self-closing.html
@@ -0,0 +1 @@
+<div>self closing?</div>
diff --git a/docs-src/index.js b/docs-src/index.js
@@ -13,7 +13,9 @@ const src = './docs-src/pages/';
 const dist = './docs/';
 const md = './docs-src/md';
 
-const options = {};
+const options = {
+  recognizeSelfClosing: true
+};
 
 readdirSync(src).forEach(file => {
   const html = readFileSync(path.resolve(`${src}${file}`), 'utf-8');
@@ -27,6 +29,10 @@ readdirSync(src).forEach(file => {
         locals: {
           title: 'PostHTML Components'
         }
+      },
+      parserOptions: {
+        // Don't work
+        recognizeSelfClosing: false
       }
     }),
 

diff --git a/docs-src/pages/test.html b/docs-src/pages/test.html
@@ -3,6 +3,10 @@
     <div class="col-lg-8">
       <h1 class="display-1 fw-bold mb-4">Playground</h1>
 
+      <h2>Self closing tag</h2>
+      <x-test.self-closing />
+      <p>Works?</p>
+
       <x-test.div1 aware:myprop="My CUSTOM prop in div1">
         <x-test.div2>
           <x-test.div3>

diff --git a/docs/test.html b/docs/test.html
@@ -47,6 +47,9 @@
         <div class="row">
           <div class="col-lg-8">
             <h1 class="display-1 fw-bold mb-4">Playground</h1>
+            <h2>Self closing tag</h2>
+            <div>self closing?</div>
+            <p>Works?</p>
             <div>
               div1: My CUSTOM prop in div1
               <div>