Fix for self-closing-tags with attributes

Author: egil

src/Egil.RazorComponents.Testing.Library.csproj

@@ -13,7 +13,7 @@
     <RepositoryUrl>https://github.com/egil/razor-components-testing-library</RepositoryUrl>
     <PackageProjectUrl>https://github.com/egil/razor-components-testing-library</PackageProjectUrl>
     <PackageTags>razor-components unit-testing testing blazor blazor-server-side blazor-client-side</PackageTags>
-    <Version>0.1.0-preview9-19424-4-2</Version>
+    <Version>0.1.0-preview9-19424-4-3</Version>
     <Authors>Egil Hansen</Authors>
     <Company>Egil Hansen</Company>
     <Product>Razor Component Testing Library</Product>

src/Rendering/RazerComponentTestRenderer.cs

@@ -88,7 +88,7 @@ private static XmlDocument LoadRenderResult(string renderResults)
             return result;
         }
 
-        private static readonly Regex SelfClosingTagsFinder = new Regex(@"<(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)>", RegexOptions.Compiled | RegexOptions.IgnoreCase);
+        private static readonly Regex SelfClosingTagsFinder = new Regex(@"<((?:area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)[^>]*)>", RegexOptions.Compiled | RegexOptions.IgnoreCase);
 
         private static string EscapeSelfClosingTags(string html)
         {

tests/SelfClosingTagsRenderTest.razor

@@ -3,37 +3,37 @@
 <Fact DisplayName="Self-closing tags are compared correctly">
     <TestSetup>
         <div>
-            <area />
-            <base />
+            <area shape="rect" coords="184,6,253,27" href="https://mozilla.org" target="_blank" alt="Mozilla" />
+            <base target="_blank" href="http://www.example.com/" />
             <br />
-            <col />
-            <embed />
+            <col span="2" class="batman" />
+            <embed type="video/webm" src="/media/examples/flower.mp4" width="250" height="200" />
             <hr />
-            <img />
-            <input />
-            <link />
-            <meta />
-            <param />
-            <source />
-            <track />
+            <img src="asdf" alt="asdf" />
+            <input type="button" value="button" id="button" />
+            <link href="/media/examples/link-element-example.css" rel="stylesheet" />
+            <meta name="color-scheme" content="dark light" />
+            <param name="asdf" value="asdf" />
+            <source src="/media/examples/flower.webm" type="video/webm" />
+            <track default="true" kind="captions" srclang="en" src="/media/examples/friday.vtt" />
             <wbr />
         </div>
     </TestSetup>
     <ExpectedHtml>
         <div>
-            <area />
-            <base />
+            <area shape="rect" coords="184,6,253,27" href="https://mozilla.org" target="_blank" alt="Mozilla" />
+            <base target="_blank" href="http://www.example.com/" />
             <br />
-            <col />
-            <embed />
+            <col span="2" class="batman" />
+            <embed type="video/webm" src="/media/examples/flower.mp4" width="250" height="200" />
             <hr />
-            <img />
-            <input />
-            <link />
-            <meta />
-            <param />
-            <source />
-            <track />
+            <img src="asdf" alt="asdf" />
+            <input type="button" value="button" id="button" />
+            <link href="/media/examples/link-element-example.css" rel="stylesheet" />
+            <meta name="color-scheme" content="dark light" />
+            <param name="asdf" value="asdf" />
+            <source src="/media/examples/flower.webm" type="video/webm" />
+            <track default="true" kind="captions" srclang="en" src="/media/examples/friday.vtt" />
             <wbr />
         </div>
     </ExpectedHtml>