Docs: improved semantic html comparison page 2

Author: egil

docs/samples/tests/razor/SemanticHtmlTest.razor

@@ -1,6 +1,6 @@
 @inherits TestComponentBase
 
-<Fixture Test="Test1">
+<Fixture Test="InitialHtmlIsCorrect">
   <ComponentUnderTest>
     <Heading />
   </ComponentUnderTest>
@@ -11,8 +11,9 @@
     </h3>    
   </Fragment>
 
-  @code {
-    void Test1(Fixture fixture)
+  @code 
+  {
+    void InitialHtmlIsCorrect(Fixture fixture)
     {
       // Arrange - Gets the Heading component
       var cut = fixture.GetComponentUnderTest<Heading>();

docs/site/docs/toc.md

@@ -18,7 +18,7 @@
 # [Verifying output](xref:verification)
 ## [Verify Markup](xref:verify-markup)
 ## [Verify Component State](xref:verify-component-state)
-## [Semantic HTML Markup Comparison](xref:semantic-html-comparison)
+## [Customizing Semantic Comparison](xref:semantic-html-comparison)
 ## [Asynchronous Assertion of Changes](xref:async-assertion)
 
 # [Mocking](xref:mocking)

docs/site/docs/verification/semantic-html-comparison.md

@@ -109,8 +109,8 @@ If we want to verify the markup is rendered correctly, and for example use RegEx
 
 In a Razor based test, using the `<Fixture>` test type, the example looks like this:
 
-[!code-html[SemanticHtmlTest.razor](../../../samples/tests/razor/SemanticHtmlTest.razor.cs#L3-L29)]
+[!code-html[SemanticHtmlTest.razor](../../../samples/tests/razor/SemanticHtmlTest.razor#L3-L30)]
 
 In a Razor based test, using the `<SnapshotTest>` test type, the example looks like this:
 
-[!code-html[SemanticHtmlTest.razor](../../../samples/tests/razor/SemanticHtmlTest.razor.cs#L31-L41)]
+[!code-html[SemanticHtmlTest.razor](../../../samples/tests/razor/SemanticHtmlTest.razor#L32-L42)]