mirror/vanilla-todo
1
0
Fork 0
mirror of https://github.com/morris/vanilla-todo.git synced 2025-09-03 10:52:39 +02:00
Code Issues Releases Wiki Activity

add tests for item drag and drop

Browse Source
This commit is contained in:
Morris Brodersen
2025-01-01 15:43:57 +01:00
parent f4f2dea25a
commit 40ac583e1f
4 changed files with 64 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/e2e/addCustomTodoList.test.js
View File

@@ -4,8 +4,8 @@ import '../coverage.js';
test('Add custom to-do list', async ({ page }) => {
await page.goto('http://localhost:8080');
const add = page.locator('.todo-frame.-custom .add');
await add.click();
const addCustomTodoList = page.locator('.todo-frame.-custom .add');
await addCustomTodoList.click();
const title = page.locator('.todo-custom-list > .header > .title');
await expect(title).toHaveText('...');

55
test/e2e/dragAndDropItems.test.js Normal file
View File

@@ -0,0 +1,55 @@
import { expect, test } from '@playwright/test';
import '../coverage.js';
test("Reorder items inside today's list", async ({ page }) => {
// given
await page.goto('http://localhost:8080');
const input = page.locator('.-today .todo-item-input > input');
await input.focus();
await input.fill('Item A');
await page.keyboard.press('Enter');
await input.focus();
await input.fill('Item B');
await page.keyboard.press('Enter');
const itemA = page.getByText('Item A');
const itemB = page.getByText('Item B');
// when
await itemA.dragTo(itemB);
// then
const firstItem = page.locator('.-today .todo-item').first();
const secondItem = page.locator('.-today .todo-item').last();
await expect(firstItem).toHaveText('Item B');
await expect(secondItem).toHaveText('Item A');
});
test('Drag and drop from today to new custom list', async ({ page }) => {
// given
await page.goto('http://localhost:8080');
const input = page.locator('.-today .todo-item-input > input');
await input.focus();
await input.fill('Item A');
await page.keyboard.press('Enter');
const addCustomTodoList = page.locator('.todo-frame.-custom .add');
await addCustomTodoList.click();
const itemA = page.getByText('Item A');
const customList = page.locator('.todo-custom-list');
// when
await itemA.dragTo(customList, { targetPosition: { x: 0, y: 100 } });
// then
const movedItem = page.locator('.todo-custom-list .todo-item');
await expect(movedItem).toHaveText('Item A');
await page.waitForTimeout(100);
});