Playwright测试步骤封装，使用Typescript实现在测试case文件中调用另一个文件中的方法

前提：

（1）安装了nodejs

（2）创建了测试目录

（3）使用Vscode安装了Playwright插件

可以参考官方文档：https://playwright.dev/docs/getting-started-vscode

在vscode界面最左侧的按钮选择Explorer, 创建一个与tests目录同级的目录methods，并在methods目录下创建文件method1.ts,

目录结构如下：

在文件method1.ts中定义方法, 示例：

export async function testArea1({page}, locator1:string, locator2:string, expectText1:string){

await page.goto(https://www.google.com);

await page.click(locator1);

await expect(page.locator2).toHaveText(expectText1);

}

在tests目录下的测试case, 即.spec.ts文件中使用这个方法。

需要添加import语句，注意目录层级问题，./表示同一级目录， ../表示上一级目录

示例：

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

import { testArea1 } from '../methods/method1';

test('测试case1', async ({ page }) => {

await page.goto('https://playwright.dev/');

// 这里的'div1', 'div2'为伪代码，需要换成页面元素定位locator字符串

await testArea1({page}, 'div1', 'div2', 'google');

});

注意这里的'div1', 'div2'为伪代码，需要换成页面元素定位locator字符串