Skip to content

Let's handle case to cast types Page from '@playwright/test 'and 'playwright' #94

@AndreyMelnichenko

Description

@AndreyMelnichenko

If some one would use VRT with native test runner @playwright/test he/she will faced with incompatible types between types Page from '@playwright/test 'and 'playwright' to pass page to vrt.track
Error

Argument of type 'import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/@playwright/test/types/types").Page' is not assignable to parameter of type 'import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/playwright/types/types").Page'.
  Types of property 'exposeBinding' are incompatible.
    Type '{ (name: string, playwrightBinding: (source: import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/@playwright/test/types/structs").BindingSource, arg: import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/@playwright/test/types/types").JSHandle<any>) => any, options: { ...; }): P...' is not assignable to type '{ (name: string, playwrightBinding: (source: import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/playwright/types/structs").BindingSource, arg: import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/playwright/types/types").JSHandle<any>) => any, options: { ...; }): Promise<...>;...'.
      Types of parameters 'playwrightBinding' and 'playwrightBinding' are incompatible.
        Types of parameters 'source' and 'source' are incompatible.
          Type 'import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/@playwright/test/types/structs").BindingSource' is not assignable to type 'import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/playwright/types/structs").BindingSource'.
            The types of 'context.on' are incompatible between these types.
              Type '{ (event: "backgroundpage", listener: (page: import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/@playwright/test/types/types").Page) => void): import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/@playwright/test/types/types").BrowserContext; (event: "close", listener: (browse...' is not assignable to type '{ (event: "backgroundpage", listener: (page: import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/playwright/types/types").Page) => void): import("/Users/andrey/projects/PopTopUk/playwright-test-ts/node_modules/playwright/types/types").BrowserContext; (event: "close", listener: (browserContext: im...'.
                Types of parameters 'event' and 'event' are incompatible.
                  Type '"close"' is not assignable to type '"backgroundpage"'.ts(2345)

Example:

import { PlaywrightVisualRegressionTracker, Config } from '@visual-regression-tracker/agent-playwright';
import { test, Page } from '@playwright/test';
import { chromium } from 'playwright';
import { MainPage } from '../../src/pages/MainPage';

test.describe('Visual test', () => {
    let mainPage: MainPage;
    let pageCtx: Page;
    // let playwrightVrt: PlaywrightVisualRegressionTracker;
    const config: Config = {
        apiUrl: 'http://localhost:4200',
        apiKey: '7475MH8XCGT2',
        project: '2a5c1768401f',
        branchName: 'master',
        ciBuildId: 'commit_sha',
        enableSoftAssert: false,
    };

    const vrt = new PlaywrightVisualRegressionTracker(chromium, config);

    test.beforeAll(async () => {
        await vrt.start();
    });

    test.beforeEach(async ({ page }) => {
        pageCtx = page;
        await pageCtx.goto('/');
        mainPage = new MainPage(pageCtx);
    });

    test.afterAll(async () => {
        await vrt.stop();
    });

    test('main page @dev', async ({ page }) => {
        await mainPage.pageLoaded();
        await vrt.trackPage(page, 'Main Page');
    });
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions