midscene/packages/web-integration/tests/ai/e2e/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 =
  Boolean(process.env.MIDSCENE_CACHE) && Boolean(process.env.GITHUB_ACTIONS);

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

  await ai('Enter "Learn" in the task box');
  await ai(
    'Add "JS today" to the existing content of the task box and press enter',
  );

  await aiWaitFor('the input box for task title is empty now');

  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?');
});