fix: Better naming for test method (#1048)

* fix: Better naming for test method

* fix: Don't use unknown matcher first

* fix: Don't use unknown matcher first

* Add attribute

Author: linkdotnet

src/bunit.web/Diffing/HtmlComparer.cs

@@ -21,7 +21,7 @@ public HtmlComparer()
 	{
 		var strategy = new DiffingStrategyPipeline();
 		strategy.AddDefaultOptions();
-		strategy.AddMatcher(BlazorDiffingHelpers.UnknownElementMatch, StrategyType.Specialized);
+		strategy.AddMatcher(BlazorDiffingHelpers.UnknownElementMatch, StrategyType.Generalized);
 		strategy.AddFilter(BlazorDiffingHelpers.BlazorAttributeFilter, StrategyType.Specialized);
 		differenceEngine = new HtmlDiffer(strategy);
 	}

tests/bunit.testassets/SampleComponents/CustomElement.razor

@@ -0,0 +1,4 @@
+<div class="header">
+	<div>Custom Metadata Definitions</div>
+	<zui-button style="color:red"></zui-button>
+</div>

tests/bunit.testassets/SampleComponents/CustomElementWithAttribute.razor

@@ -138,17 +138,17 @@ public void Test015()
 		path.MarkupMatches("<path />");
 	}
 
-	[Fact(DisplayName = "Werid")]
+	[Fact(DisplayName = "Handles custom elements with attributes")]
 	public void Test016()
 	{
-		const string expectedMarkup = @"<div class=""main"">
-			<my-button emphasis=""primary-highlight"" disabled>Add new<my-icon slot=""icon"" size=""s32""></my-icon></my-button>
-			</div>
-			";
+		const string expectedMarkup = @"
+		<div class=""header"">
+			<div>Custom Metadata Definitions</div>
+			<zui-button diff:ignoreAttributes></zui-button>
+		</div>";
 
-		// Act
-		var chart = RenderComponent<CustomElementWithAttribute>();
+		var cut = RenderComponent<CustomElement>();
 
-		chart.MarkupMatches(expectedMarkup);
+		cut.MarkupMatches(expectedMarkup);
 	}
-}
+}