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.describe('ai todo describe', () => {
  test.beforeEach(async ({ page }) => {
    await page.goto('https://todomvc.com/examples/react/dist/');
  });

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

    await ai('Enter "Happy Birthday" in the task box');
    await ai(
      'Enter "Learn JS today"in the task box, then press Enter to create',
    );

    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');
    console.log('allTaskList', allTaskList);
    // 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 checkbox next to the second task');
    await ai('Click the "completed" Status button below the task list');

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

    const placeholder = await aiQuery(
      'string, return the placeholder text in the input box',
    );
    expect(placeholder).toBe('What needs to be done?');
  });
});