@pw-codeceptjs/test

Adding dependency.

npm

npm add -D "@pw-codeceptjs/test"

yarn

yarn add -D "@pw-codeceptjs/test"

Configuration

TypeScript

playwright.config.ts

import { PlaywrightTestConfig, devices } from '@playwright/test'
import { CodeceptFixtureConfig } from '@pw-codeceptjs/test'

const config: PlaywrightTestConfig<CodeceptFixtureConfig> = {
  testMatch: './**/*.spec.ts',
  reporter: [['html']],
  projects: [
    {
      name: 'chromium',
      use: {
        ...devices['Desktop Chrome'],
      },
    },
  ],
}

export default config

CommonJS

playwright.config.js

const { devices } = require('@playwright/test')

const config = {
  testMatch: './**/*.spec.js',
  reporter: [['html']],
  projects: [
    {
      name: 'chromium',
      use: {
        ...devices['Desktop Chrome'],
      },
    },
  ],
};

module.exports = config;

Using

TypeScript

*.spec.ts

import { test } from '@pw-codeceptjs/test'

test('Test name', async ({ I }) => {
  await I.amOnPage('https://playwright.dev')
})

CommonJS

*.spec.js

const { test } = require('@pw-codeceptjs/test')

test('Test name', async ({ I }) => {
  await I.amOnPage('https://playwright.dev')
})