fix(tab-button): apply code review feedback v2

Author: gnbm

core/src/components/tab-button/test/states/tab-button.e2e.ts

@@ -82,20 +82,23 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, screenshot, c
 });
 
 configs({ palettes: ['dark'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('tab-button: focused state in dark palette'), () => {
-    test('should not have visual regressions for focused tab button', async ({ page }) => {
-      await page.setContent(
-        `
-        <ion-tab-bar style="width: 300px">
-          <ion-tab-button href="#" class="ion-focused">
-            <ion-label>Favorites</ion-label>
-          </ion-tab-button>
-        </ion-tab-bar>
+  test.describe(title('tab-button: states in dark palette'), () => {
+    test.describe('focus', () => {
+      test('should render correct focus state in dark palette', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-tab-bar style="width: 300px">
+            <ion-tab-button href="#" class="ion-focused">
+              <ion-label>Favorites</ion-label>
+            </ion-tab-button>
+          </ion-tab-bar>
         `,
-        config
-      );
+          config
+        );
 
-      await expect(page.locator('ion-tab-bar')).toHaveScreenshot(screenshot('tab-bar-focused-dark'));
+        const tabBar = page.locator('ion-tab-bar');
+        await expect(tabBar).toHaveScreenshot(screenshot('tab-button-focus'));
+      });
     });
   });
 });