chore(test): fixing format

Signed-off-by: xbabalov <t.babalova.17@gmail.com>

Author: xbabalov

.github/workflows/pr-check.yaml

@@ -153,7 +153,7 @@ jobs:
       DVLPR_PASSWORD: ${{ secrets.DVLPR_PASSWORD }}
     steps:
       - uses: actions/checkout@v4
-        with: 
+        with:
           path: podman-desktop-sandbox-ext
 
       # Install nodejs
@@ -197,7 +197,7 @@ jobs:
       - name: Execute yarn in Sandbox extension
         working-directory: ./podman-desktop-sandbox-ext
         run: yarn install
-      
+
       - name: Build Sandbox extension from container file
         working-directory: ./podman-desktop-sandbox-ext
         run: |
@@ -213,7 +213,7 @@ jobs:
         working-directory: ./podman-desktop-sandbox-ext
         run: |
           rm -rf tests/playwright/output/sandbox-tests-pd/plugins/extension/node_modules/electron/dist/resources
-          
+
       - name: Run E2E tests
         working-directory: ./podman-desktop-sandbox-ext
         env:
@@ -224,4 +224,4 @@ jobs:
         if: always()
         with:
           name: e2e-tests
-          path: ./**/tests/**/output/
+          path: ./**/tests/**/output/

tests/src/developer-sandbox.spec.ts

@@ -49,6 +49,7 @@ const skipInstallation = process.env.SKIP_INSTALLATION === 'true';
 let browserOutputPath: string;
 let loginCommand = '';
 const resourceCardLabel = 'redhat.sandbox';
+const resourceName = 'Developer Sandbox';
 const contextName = 'dev-sandbox-context-3';
 const chromePort = '9222';
 
@@ -165,7 +166,9 @@ test.describe.serial('Red Hat Developer Sandbox extension verification', () => {
       test.afterAll(async () => {
         if (browser) {
           console.log('Stopping tracing and closing browser...');
-          await context?.tracing.stop({ path: join(path.join(browserOutputPath), 'traces', 'browser-sandbox-trace.zip') });
+          await context?.tracing.stop({
+            path: join(path.join(browserOutputPath), 'traces', 'browser-sandbox-trace.zip'),
+          });
           if (chromiumPage) {
             await chromiumPage.close();
           }
@@ -180,7 +183,7 @@ test.describe.serial('Red Hat Developer Sandbox extension verification', () => {
         await settingsBar.resourcesTab.click();
         const resourcesPage = new ResourcesPage(page);
         playExpect(await resourcesPage.resourceCardIsVisible(resourceCardLabel)).toBeTruthy();
-        await resourcesPage.goToCreateNewResourcePage(resourceCardLabel);
+        await resourcesPage.goToCreateNewResourcePage(resourceName);
         const createResourcePage = new CreateResourcePage(page);
         await createResourcePage.logIntoSandboxButton.click();
         const websiteDialog = createResourcePage.content.getByRole('dialog', { name: 'Open External Website' });
@@ -234,13 +237,17 @@ test.describe.serial('Red Hat Developer Sandbox extension verification', () => {
         await usernameBox.focus();
 
         //after login redirect twice to sandbox.redhat.com, same tab
-        await performBrowserLogin(chromiumPage, /Log In/, usernameAction, passwordAction, async (chromiumPage) => {
+        await performBrowserLogin(chromiumPage, /Log In/, usernameAction, passwordAction, async chromiumPage => {
           playExpect(chromiumPage).toBeDefined();
           if (!chromiumPage) {
             throw new Error('Chromium browser page was not initialized');
           }
           playExpect(await chromiumPage.title()).toBe('Developer Sandbox | Developer Sandbox');
-          await chromiumPage.screenshot({ path: join(path.join(browserOutputPath), 'screenshots', 'after_login_in_browser.png'), type: 'png', fullPage: true });
+          await chromiumPage.screenshot({
+            path: join(path.join(browserOutputPath), 'screenshots', 'after_login_in_browser.png'),
+            type: 'png',
+            fullPage: true,
+          });
         });
       });
       test('Fetch the login command', async () => {

tests/src/model/pages/create-resource-page.ts

@@ -17,48 +17,52 @@
  ***********************************************************************/
 
 import type { Page, Locator } from '@playwright/test';
-import { BasePage, ResourcesPage, expect as playExpect } from '@podman-desktop/tests-playwright';;
+import { BasePage, ResourcesPage, expect as playExpect } from '@podman-desktop/tests-playwright';
 
 export class CreateResourcePage extends BasePage {
-    readonly heading: Locator;
-    readonly content: Locator;
-    readonly logIntoSandboxButton: Locator;
-    readonly contextName: Locator;
-    readonly setAsCurrentContext: Locator;
-    readonly loginCommand: Locator;
-    readonly closeButton: Locator;
-    readonly createButton: Locator;
+  readonly heading: Locator;
+  readonly content: Locator;
+  readonly logIntoSandboxButton: Locator;
+  readonly contextName: Locator;
+  readonly setAsCurrentContext: Locator;
+  readonly loginCommand: Locator;
+  readonly closeButton: Locator;
+  readonly createButton: Locator;
 
-    constructor(page: Page) {
-        super(page);
-        this.heading = this.page.getByRole('heading', { name: 'Create Developer Sandbox' });
-        this.content = this.page.getByRole('region', { name: 'Tab Content' });
-        this.logIntoSandboxButton = this.page.getByRole('button', { name: 'Log into Developer Sandbox' });
-        this.contextName = this.page.getByRole('textbox', { name: 'Context name' });
-        this.setAsCurrentContext = this.page.getByRole('checkbox', { name: 'Set as current context' });
-        this.loginCommand = this.page.getByRole('textbox', { name: 'Login command from Developer Console' });
-        this.closeButton = this.page.getByRole('button', { name: 'Close page' });
-        this.createButton = this.page.getByRole('button', { name: 'Create' });
-    }
+  constructor(page: Page) {
+    super(page);
+    this.heading = this.page.getByRole('heading', { name: 'Create Developer Sandbox' });
+    this.content = this.page.getByRole('region', { name: 'Tab Content' });
+    this.logIntoSandboxButton = this.page.getByRole('button', { name: 'Log into Developer Sandbox' });
+    this.contextName = this.page.getByRole('textbox', { name: 'Context name' });
+    this.setAsCurrentContext = this.page.getByRole('checkbox', { name: 'Set as current context' });
+    this.loginCommand = this.page.getByRole('textbox', { name: 'Login command from Developer Console' });
+    this.closeButton = this.page.getByRole('button', { name: 'Close page' });
+    this.createButton = this.page.getByRole('button', { name: 'Create' });
+  }
 
-    async createResource(loginCommandValue: string, contextNameValue?: string, setAsCurrentContextValue = false): Promise<ResourcesPage> {
-        await this.loginCommand.fill(loginCommandValue);
+  async createResource(
+    loginCommandValue: string,
+    contextNameValue?: string,
+    setAsCurrentContextValue = false,
+  ): Promise<ResourcesPage> {
+    await this.loginCommand.fill(loginCommandValue);
 
-        if (contextNameValue) {
-            await this.contextName.fill(contextNameValue);
-        }
+    if (contextNameValue) {
+      await this.contextName.fill(contextNameValue);
+    }
 
-        if (setAsCurrentContextValue !== (await this.setAsCurrentContext.isChecked())) {
-            await this.setAsCurrentContext.locator('..').click();
-            playExpect(await this.setAsCurrentContext.isChecked()).toBe(setAsCurrentContextValue);
-        }
+    if (setAsCurrentContextValue !== (await this.setAsCurrentContext.isChecked())) {
+      await this.setAsCurrentContext.locator('..').click();
+      playExpect(await this.setAsCurrentContext.isChecked()).toBe(setAsCurrentContextValue);
+    }
 
-        const successMessage = this.page.getByText('Successful operation');
-        const goToResourcesButton = this.page.getByRole('button', { name: 'Go back to resources' });
-        await playExpect(successMessage).toBeVisible();
-        await playExpect(goToResourcesButton).toBeVisible();
+    const successMessage = this.page.getByText('Successful operation');
+    const goToResourcesButton = this.page.getByRole('button', { name: 'Go back to resources' });
+    await playExpect(successMessage).toBeVisible();
+    await playExpect(goToResourcesButton).toBeVisible();
 
-        await goToResourcesButton.click();
-        return new ResourcesPage(this.page);
-    }
-}
+    await goToResourcesButton.click();
+    return new ResourcesPage(this.page);
+  }
+}

tests/tsconfig.json

@@ -1,16 +1,16 @@
 {
-    "compilerOptions": {
-      "strictNullChecks": true,
-      "lib": [ "ES2017", "webworker" ],
-      "module": "esnext",
-      "target": "esnext",
-      "sourceMap": true,
-      "rootDir": "src",
-      "outDir": "dist",
-      "skipLibCheck": true,
-      "types": [ "node" ],
-      "allowSyntheticDefaultImports": true,
-      "moduleResolution": "Node",
-      "esModuleInterop": true
-    }
-  }
+  "compilerOptions": {
+    "strictNullChecks": true,
+    "lib": ["ES2017", "webworker"],
+    "module": "esnext",
+    "target": "esnext",
+    "sourceMap": true,
+    "rootDir": "src",
+    "outDir": "dist",
+    "skipLibCheck": true,
+    "types": ["node"],
+    "allowSyntheticDefaultImports": true,
+    "moduleResolution": "Node",
+    "esModuleInterop": true
+  }
+}