Add test for html-tag scenario and update preview utility to clean <picture> tags

Author: andrey-helldar

dist/index.js

@@ -34739,6 +34739,7 @@ const image_1 = __nccwpck_require__(7828);
 const strings_1 = __nccwpck_require__(3063);
 const hasHeader = (content) => content.match(/^#\s+/);
 const cleanUp = (content) => content
+    .replace(/^(#\s+.+\n+)(\s*<picture>[.\w\W]+<\/picture>)\n?/, '$1')
     .replace(/^(#\s+.+\n+)(!\[.+]\(.*\)\n?){1,2}\n?/, '$1\n')
     .replace(/^(#\s+.+\n+)(<img\s.*\/>\n?){1,2}\n?/, '$1\n');
 const setPreview = (content, config) => {

src/utils/preview.ts

@@ -5,6 +5,7 @@ import { titleCase } from './strings'
 const hasHeader = (content: string) => content.match(/^#\s+/)
 
 const cleanUp = (content: string): string => content
+    .replace(/^(#\s+.+\n+)(\s*<picture>[.\w\W]+<\/picture>)\n?/, '$1')
     .replace(/^(#\s+.+\n+)(!\[.+]\(.*\)\n?){1,2}\n?/, '$1\n')
     .replace(/^(#\s+.+\n+)(<img\s.*\/>\n?){1,2}\n?/, '$1\n')
 

tests/fixtures/readme/html-tag.md

@@ -0,0 +1,10 @@
+# Preview Updater
+
+<picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://example.com?theme=dark">
+    <img src="https://example.com?theme=light" alt="some">
+</picture>
+
+## Usage
+
+Something

tests/unit/__snapshots__/preview.test.ts.snap

@@ -11,6 +11,21 @@ exports[`empty 1`] = `
 "
 `;
 
+exports[`html-tag 1`] = `
+"# Preview Updater
+
+<picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://banners.beyondco.de/Preview%20Updater.png?theme=dark&pattern=topography&style=style_2&fontSize=100px&images=code&packageManager=npm+install&packageName=TheDragonCode%2Fpreview-updater&description=Lightweight+preview+update+in+your+repository">
+    <img src="https://banners.beyondco.de/Preview%20Updater.png?theme=light&pattern=topography&style=style_2&fontSize=100px&images=code&packageManager=npm+install&packageName=TheDragonCode%2Fpreview-updater&description=Lightweight+preview+update+in+your+repository" alt="Preview Updater">
+</picture>
+
+
+## Usage
+
+Something
+"
+`;
+
 exports[`just-text 1`] = `
 "# Preview Updater
 

tests/unit/preview.test.ts

@@ -8,3 +8,4 @@ test('with-two-images', () => expect(getReadme('with-two-images.md')).toMatchSna
 test('with-two-images-without-header', () => expect(getReadme('with-two-images-without-header.md')).toMatchSnapshot())
 test('without-all', () => expect(getReadme('without-all.md')).toMatchSnapshot())
 test('without-images', () => expect(getReadme('without-images.md')).toMatchSnapshot())
+test('html-tag', () => expect(getReadme('html-tag.md')).toMatchSnapshot())