[dev-v5] [Playwright] Update the way to test a value

tests/Integration/Components/Button/Examples/DefaultPage.razor

@@ -1,7 +1,7 @@
 @page "/button/default"
 
 <div>
-    Current count: @Value   
+    Current count: <span data-testid="current-value">@Value</span>
 </div>
 <FluentButton Appearance="ButtonAppearance.Primary" OnClick="@Increment">Increment</FluentButton>
 

tests/Integration/Components/Button/FluentButtonTests.cs

@@ -25,18 +25,15 @@ public async Task FluentButton_IncrementCounter()
 
         // Act
         await page.ClickAsync("fluent-button");
-        await Task.Delay(100);  // Wait for page to render
 
         // Assert
-        var content = await page.ContentAsync();
+        await Assertions.Expect(page.GetByTestId("current-value"))
+                        .ToContainTextAsync("1");
+
         await page.ScreenshotAsync(new()
         {
             Path = $"{Server.ScreenshotsFolder}FluentButton_IncrementCounter.png"
         });
-
-        Trace.WriteLine(content);
-
-        Assert.Contains("Current count: 1", content);
     }
 }
 

tests/Integration/README.md

@@ -37,19 +37,33 @@ public class FluentButtonTests : FluentPlaywrightBaseTest
     public async Task FluentButton_IncrementCounter()
     {
         // Arrange
-        var page = await WaitOpenPageAsync($"/button/default");
-        
+        var page = await WaitOpenPageAsync($"/button/default", openDevTools: false);
+
         // Act
         await page.ClickAsync("fluent-button");
-        await Task.Delay(100);  // Wait for page to render
-
+
         // Assert
-        var content = await page.ContentAsync();
-        Assert.Contains("Current count: 1", content);
+        await Assertions.Expect(page.GetByTestId("current-value"))
+                        .ToContainTextAsync("1");
     }
 }
 ```
 
+```razor
+@page "/button/default"
+
+<div>
+    Current count: <span data-testid="current-value">@Value</span>
+</div>
+<FluentButton Appearance="ButtonAppearance.Primary" OnClick="@Increment">Increment</FluentButton>
+
+@code
+{
+    private int Value = 0;
+    private void Increment() => Value++;
+}
+```
+
 > ⚠️ **Notes:**
 >
 > If you interrupt a test abruptly (for example, by pressing the Stop button on the Test Explorer)