feat: add demo for .aiTap (#34)

Author: yuyutaotao

playwright-demo/e2e/todo-mvc-en.spec.ts

@@ -5,21 +5,24 @@ test.beforeEach(async ({ page }) => {
   await page.goto("https://todomvc.com/examples/react/dist/");
 });
 
-test("ai todo - English Prompt", async ({ ai, aiQuery, aiAssert }) => {
+test("ai todo - English Prompt", async ({ ai, aiQuery, aiAssert, aiTap }) => {
+  // .ai - general AI operation method
   await ai(
-    "Input 'Study JS today' in the task box input and press the Enter key"
+    "Input 'Learn JS today' in the task box input and press the Enter key"
   );
   await ai(
-    "Input 'Study Rust tomorrow' in the task box input and press the Enter key"
+    "Input 'Learn Rust tomorrow' in the task box input and press the Enter key"
   );
   await ai(
-    "Input 'Study AI the day after tomorrow' in the task box input and press the Enter key"
+    "Input 'Learn AI the day after tomorrow' in the task box input and press the Enter key"
   );
   await ai(
     "Move the mouse to the second item in the task list and click the delete button on the right of the second task"
   );
-  await ai("Click the check button on the left of the second task");
-  await ai("Click the 'completed' status button below the task list");
+
+  // .aiTap - specify the operation type
+  await aiTap("the check button on the left of the second task");
+  await aiTap("the 'completed' status button below the task list");
 
   const list = await aiQuery("string[], the complete task list");
 

playwright-demo/e2e/todo-mvc-zh.spec.ts

@@ -5,13 +5,16 @@ test.beforeEach(async ({ page }) => {
   await page.goto("https://todomvc.com/examples/react/dist/");
 });
 
-test("ai todo - Chinese Prompt", async ({ ai, aiQuery, aiAssert }) => {
+test("ai todo - Chinese Prompt", async ({ ai, aiQuery, aiAssert, aiTap }) => {
+  // .ai - 通用 AI 操作方法
   await ai("在任务框 input 输入 今天学习 JS，按回车键");
   await ai("在任务框 input 输入 明天学习 Rust，按回车键");
   await ai("在任务框 input 输入后天学习 AI，按回车键");
   await ai("将鼠标移动到任务列表中的第二项，点击第二项任务右边的删除按钮");
-  await ai("点击第二条任务左边的勾选按钮");
-  await ai("点击任务列表下面的 completed 状态按钮");
+
+  // .aiTap - 指定操作类型
+  await aiTap("第二条任务左边的勾选按钮");
+  await aiTap("任务列表下面的 completed 状态按钮");
 
   const list = await aiQuery("string[], 完整的任务列表");
   expect(list.length).toEqual(1);