midscene/packages/web-integration/tests/ai/web/playwright/ai-auto-todo.spec.ts

import { expect } from 'playwright/test';
import { test } from './fixture';

test.beforeEach(async ({ page }) => {
  await page.goto('https://todomvc.com/examples/react/dist/');
});

const CACHE_TIME_OUT = process.env.MIDSCENE_CACHE;

test('ai todo', async ({ ai, aiQuery }) => {
  if (CACHE_TIME_OUT) {
    test.setTimeout(1000 * 50);
  }

  await ai('Enter "Learn" in the task box, don\'t press enter');

  await ai(
    'Add "JS today" to base on the existing content(important) of the task box, then press enter',
  );

  await ai(
    'Enter "Learn Rust tomorrow" in the task box, then press Enter to create',
  );
  await ai(
    'Enter "Learning AI the day after tomorrow" in the task box, then press Enter to create',
  );

  const allTaskList = await aiQuery<string[]>('string[], tasks in the list');
  expect(allTaskList.length).toBe(3);
  expect(allTaskList).toContain('Learn JS today');
  expect(allTaskList).toContain('Learn Rust tomorrow');
  expect(allTaskList).toContain('Learning AI the day after tomorrow');

  await ai('Move your mouse over the second item in the task list');
  await ai('Click the delete button to the right of the second task');
  await ai('Click the check button to the left of the second task');
  await ai('Click the "completed" Status button below the task list');

  const taskList = await aiQuery<string[]>('string[], tasks in the list');
  expect(taskList.length).toBe(1);
  expect(taskList[0]).toBe('Learning AI the day after tomorrow');

  // const placeholder = await ai(
  //   'string, return the placeholder text in the input box',
  //   { type: 'query' },
  // );
  // expect(placeholder).toBe('What needs to be done?');
});