test(label): update e2e tests

Author: bennypowers

elements/pfe-label/test/pfe-label.e2e.spec.ts

@@ -1,20 +1,12 @@
-import type { LitElement } from 'lit';
-
-import { expect } from '@playwright/test';
-import { test } from '@patternfly/pfe-tools/test/playwright/fixtures.js';
+import { test } from '@playwright/test';
+import { PfeDemoPage } from '@patternfly/pfe-tools/test/playwright/PfeDemoPage.js';
 
 const tagName = 'pfe-label';
 
 test.describe(tagName, () => {
-  test.beforeEach(async ({ page }) => {
-    await page.goto(`http://localhost:8080/demo/${tagName}/`);
-    await page.waitForLoadState('networkidle');
-    await page.waitForTimeout(100);
-    await page.evaluate(async x => customElements.whenDefined(x), tagName);
-    await page.$eval(tagName, async (el: LitElement) => el.updateComplete);
-  });
-
   test('snapshot', async ({ page }) => {
-    expect(await page.screenshot({ fullPage: true })).toMatchSnapshot(`${tagName}.png`);
+    const componentPage = new PfeDemoPage(page, tagName);
+    await componentPage.navigate();
+    await componentPage.snapshot();
   });
 });