use dci (describe, context, it) pattern in playwright (playwright 에서 dci 패턴 사용하기)

dci.js

import { test, expect } from '@playwright/test';

function describe(title, callback) {
  return test.describe(title, callback)
}

function context(title, callback) {
  return test.describe(title, callback)
}

function it(title, callback) {
  return test(title, callback);
}

export { describe, context, it, test, expect }

index.spec.js

import { describe, context, it, expect } from '../../util/playwright/pattern/dci';

describe('playwright 메인페이지', () => {
  context('시작 버튼을 누르면', () => {
    it('get started link 페이지로 이동한다.', async ({ page }) => {
      await page.goto('https://playwright.dev/');
    
      // Click the get started link.
      await page.getByRole('link', { name: 'Get started' }).click();
    
      // Expects the URL to contain intro.
      await expect(page).toHaveURL(/.*intro/);
    })
  })
})