fix(self-close): Expand self-closing tag

See WICG/webcomponents#624
DuckyTeam · May 11, 2022 · c9c5a52 · c9c5a52
1 parent 70f70d7
commit c9c5a52
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/component-library/src/components/plmg-separator/plmg-separator.stories.js b/packages/component-library/src/components/plmg-separator/plmg-separator.stories.js
@@ -67,9 +67,10 @@ export const AllDirections = (args) => {
     .map(
       (direction) =>
         `<div style="display: flex;">
-          <p>Item 1</p>
-        <plmg-separator direction="${direction}"/></div>
-          <p>Item 2</p>
+            <p>Item 1</p>
+            <plmg-separator direction="${direction}"></plmg-separator>
+            <p>Item 2</p>
+          </div>
         `
     )
     .join('')

diff --git a/packages/component-library/src/components/plmg-separator/test/plmg-separator.e2e.ts b/packages/component-library/src/components/plmg-separator/test/plmg-separator.e2e.ts
@@ -22,7 +22,7 @@ describe('plmg-separator', () => {
       direction.forEach((directionControl) => {
         width.forEach((widthControl) => {
           htmlContent += `
-          <plmg-separator direction="${directionControl}" width="${widthControl}" />
+          <plmg-separator direction="${directionControl}" width="${widthControl}"></plmg-separator>
           <br/>
           `;
         });