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字符串