Playwright+TypeScript中Expected 1 arguments, but got 0.ts(2554)报错修复

你遇到的核心问题是：DefaultPage的构造函数必须依赖Playwright运行时生成的Page实例，而模块加载阶段（也就是你写export default new DefaultPage()的时候）根本不存在可用的Page对象，所以直接实例化必然报错。

下面提供两种合理的解决方案，既能减少重复代码，又符合Playwright的设计逻辑：

方案一：使用Playwright Test Fixtures（推荐） #

Playwright的Fixture机制可以自动注入Page实例，并且帮你封装Page Object的创建逻辑，测试用例里直接用就行，完全不用手动实例化。

步骤1：定义自定义Fixture #

新建fixtures.ts文件，扩展Playwright的基础测试对象：

import { test as base } from '@playwright/test';
import { DefaultPage } from './path/to/DefaultPage'; // 替换成你的文件路径

// 声明自定义Fixture的类型
type CustomFixtures = {
  defaultPage: DefaultPage;
};

// 扩展基础测试，添加defaultPage fixture
export const test = base.extend<CustomFixtures>({
  defaultPage: async ({ page }, use) => {
    // 传入Playwright自动生成的page实例，创建DefaultPage对象
    const pageObj = new DefaultPage(page);
    // 将实例传递给测试用例使用
    await use(pageObj);
  },
});

// 导出expect，方便测试用例直接使用
export { expect } from '@playwright/test';

步骤2：在测试用例中使用Fixture #

所有测试用例都导入自定义的test对象，直接解构获取defaultPage实例：

import { test, expect } from './fixtures';

test('点击默认按钮测试', async ({ defaultPage }) => {
  await defaultPage.goto('你的测试页面URL'); // 假设basePage中封装了goto方法
  await defaultPage.defaultButton.click();
  // 执行断言逻辑
  await expect(defaultPage.someElement).toBeVisible();
});

这种方式不仅彻底消除了重复实例化的代码，还能保证每个测试用例都拿到独立的Page Object实例，符合Playwright的测试隔离要求。

方案二：封装工厂函数（轻量替代） #

如果暂时不想用Fixture，可以给DefaultPage添加一个静态工厂方法，简化实例化步骤：

修改DefaultPage类：

import { Page, Locator } from '@playwright/test';
import { basePage } from "../defaultPeage"; // 注意代码里的拼写错误，应该是basePage？

export class DefaultPage extends basePage { // 原代码里的extraPage应该是basePage？

    readonly page: Page;
    readonly defaultButton: Locator;
  
    constructor(page: Page) {
      super(page);
      this.page = page;
      this.defaultButton = page.locator("[type='default']");
    }

    // 静态工厂方法，简化实例化
    static create(page: Page) {
      return new DefaultPage(page);
    }
}

然后在测试用例中调用：

import { test, expect } from '@playwright/test';
import { DefaultPage } from './path/to/DefaultPage';

test('测试默认按钮', async ({ page }) => {
  const defaultPage = DefaultPage.create(page);
  await defaultPage.goto('测试页面URL');
  await defaultPage.defaultButton.click();
});

这种方式比手动new DefaultPage(page)简洁一点，但还是需要在每个测试用例里调用工厂方法，Fixture方案的复用性更强。

为什么你之前的方法行不通？ #

export default new DefaultPage()是在模块加载时执行的，此时Playwright还没有启动测试，自然不会生成任何Page实例。Page对象是Playwright在每个测试用例运行阶段才创建的，必须在测试上下文里才能获取到有效的实例，所以提前实例化必然会因为缺少参数报错。

内容的提问来源于stack exchange，提问作者Andrei Smirnov