added e2e screenshots

Signed-off-by: Andrew Twydell <[email protected]>

Author: AndrewTwydell

.github/workflows/main.yml

@@ -116,8 +116,7 @@ jobs:
         if: ${{ always() && steps.build.outcome == 'success' }}
         run: |
           cd packages/vsce/
-          npm run test:e2e:setup
-          CI=true npx playwright test -c __tests__/__e2e__/playwright.config.ts --workers=1
+          npm run test:e2e
 
       - name: Save wiremock logs
         if: success() || failure()

packages/vsce/__tests__/__e2e__/specs/commands.spec.ts

@@ -23,8 +23,11 @@ test.afterEach(async ({ page }) => {
 
 test.describe("Command tests", () => {
   test("should copy user agent header", async ({ page }) => {
+    await page.screenshot({ fullPage: true, path: "./__tests__/screenshots/user-agent/test-start.png" });
     await runInCommandPalette(page, "Copy User Agent header");
+    await page.screenshot({ fullPage: true, path: "./__tests__/screenshots/user-agent/command-run-in-palette.png" });
     await expect(page.getByText("Copied User-Agent header to clipboard", { exact: true })).toBeVisible();
+    await page.screenshot({ fullPage: true, path: "./__tests__/screenshots/user-agent/expected-popup.png" });
 
     const clipboardHeader = await getClipboardContent(page);
     expect(clipboardHeader).toContain("zowe.cics-extension-for-zowe/3.");

packages/vsce/__tests__/__e2e__/utils/helpers.ts

@@ -99,9 +99,13 @@ export const runInCommandPalette = async (page: Page, command: string) => {
   await page.keyboard.up("Shift");
   await page.keyboard.up("Control");
 
+  await page.screenshot({ fullPage: true, path: "./__tests__/screenshots/user-agent/opened-command-palette.png" });
   await expect(page.getByRole("textbox").first()).toHaveValue(">");
+  await page.screenshot({ fullPage: true, path: "./__tests__/screenshots/user-agent/expected-greater-than.png" });
   await page.getByRole("textbox").fill(`>${command}`);
+  await page.screenshot({ fullPage: true, path: "./__tests__/screenshots/user-agent/filled-in-command.png" });
   await page.keyboard.press("Enter");
+  await page.screenshot({ fullPage: true, path: "./__tests__/screenshots/user-agent/enter-pressed.png" });
 };
 
 export const getClipboardContent = async (page: Page) => {