feat: playwright test annotating

lawnotation-ui/tests/01-assignments-loggedin.spec.ts

@@ -3,6 +3,7 @@ import { delay } from './utils';
 import path from 'node:path';
 
 
+
 test('Editor creates project, task, uploads document and assigns task', async ({ browser }) => {
     test.setTimeout(240000);
     const annotatorContext = await browser.newContext({ storageState: 'playwright/.auth/annotator.json' });
@@ -76,3 +77,107 @@ test('Editor creates project, task, uploads document and assigns task', async ({
     await expect(editorPage.getByRole("alert").getByText("Items succesfully removed")).toBeVisible();
 });
 
+
+test('Editor creates project, task, uploads documents , assigns task and deletes one document. Annotator should still be able to annotate all remaining assignments.', async ({ browser }) => {
+    test.setTimeout(240000);
+    const annotatorContext = await browser.newContext({ storageState: 'playwright/.auth/annotator.json' });
+    const annotatorPage = await annotatorContext.newPage();
+    await annotatorPage.goto('/');
+
+    // Annotator assert if there are no assignments
+    await annotatorPage.getByTestId('assigned-tasks-menu-item').waitFor();
+    await annotatorPage.getByTestId('assigned-tasks-menu-item').click();
+    await expect(annotatorPage.getByText('Showing 0 of 0')).toBeVisible();
+
+    // Editor creates a project
+    const editorContext = await browser.newContext({ storageState: 'playwright/.auth/editor.json' });
+    const editorPage = await editorContext.newPage();
+    await editorPage.goto('/');
+    await editorPage.getByTestId('projects-link').click();
+    await editorPage.getByText("Don't show again", { exact: true }).waitFor();
+    await editorPage.getByTestId('open-projects-modal').click();
+    await editorPage.getByTestId('project-name').fill('Test project');
+    await editorPage.getByTestId('add-project').click();
+    await delay(3000);
+    const row = editorPage.getByRole('table').locator('tbody').locator('tr').first();
+    const viewButton = row.getByRole('button', { name: 'View' });
+    await viewButton.waitFor();
+    await expect(viewButton).toBeVisible();
+    await viewButton.click();
+    await expect(editorPage.getByText("Upload dataset", { exact: true })).toBeVisible()
+
+    // Editor uploads document
+    await editorPage.getByTestId('documents-tab').click();
+    await editorPage.getByTestId('open-documents-modal').click();
+    const fileChooserPromise = editorPage.waitForEvent('filechooser');
+    await editorPage.getByText("Select", { exact: true }).click();
+    const fileChooser1 = await fileChooserPromise;
+    await fileChooser1.setFiles(path.join(__dirname, 'input', 'lorem-ipsum.txt'));
+    await editorPage.getByText("Select", { exact: true }).click();
+    const fileChooser2 = await fileChooserPromise;
+    await fileChooser2.setFiles(path.join(__dirname, 'input', 'casablanca.txt'));
+    await editorPage.getByText("Select", { exact: true }).click();
+    const fileChooser3 = await fileChooserPromise;
+    await fileChooser3.setFiles(path.join(__dirname, 'input', 'the-godfather.txt'));
+    await editorPage.getByText("Select", { exact: true }).click();
+    const fileChooser4 = await fileChooserPromise;
+    await fileChooser4.setFiles(path.join(__dirname, 'input', 'the-wizard-of-oz.txt'));
+    await editorPage.getByTestId('upload-documents').click();
+
+    //Editor deletes a document
+    await delay(3000);
+    await editorPage.getByTestId('documents-tab').click();
+    await editorPage.getByTestId('checkbox').first().click();
+    await editorPage.getByText('Remove selected rows (1)', { exact: true }).click();
+    await editorPage.getByText('Confirm', { exact: true }).click();
+
+
+
+    // Editor creates task
+    await editorPage.getByTestId('open-tasks-modal').waitFor();
+    await editorPage.getByTestId('open-tasks-modal').click();
+    await editorPage.getByTestId('task-name').fill('Test task');
+    await editorPage.getByTestId('task-description').fill('Test discription');
+    await editorPage.getByTestId('select-labelset').click();
+    await editorPage.getByText('Seeded labelset').click();
+    await editorPage.getByLabel('Span').click();
+    await editorPage.getByTestId('create-tasks').click();
+
+    // Editor assigns task
+    const projectRow = editorPage.getByRole('table').locator('tbody').locator('tr').first();
+    const assignButton = projectRow.getByLabel('Assign');
+    await expect(assignButton).toBeVisible();
+    await assignButton.click();
+    await editorPage.getByText('Add myself').click();
+    const inputEmail = editorPage.getByTestId('annotator-emails');
+    await inputEmail.pressSequentially('[email protected]', { delay: 100 });
+    await inputEmail.press('Enter');
+    await editorPage.getByTestId('create-assignments').click();
+
+
+    // Annotator assert if there is an assignment
+    await annotatorPage.reload();
+    await annotatorPage.getByTestId('assigned-tasks-menu-item').click();
+    await annotatorPage.getByText('Showing 1 - 1 of 1').isVisible()
+    await annotatorPage.getByTestId('view-task-link').click();
+
+    //Annotator annotates text
+    await annotatorPage.getByTestId('annotate-next-assignment-button').click();
+
+    const AnnotateSentence = annotatorPage.locator('.lsf-richtext__container.lsf-htx-richtext').first(); 
+    await AnnotateSentence.click({ position: { x: 0, y: 0 } });
+    await annotatorPage.mouse.down();
+    const box = await AnnotateSentence.boundingBox();
+    if (box) {
+        await annotatorPage.mouse.move(box.x + box.width, box.y + 5, { steps: 10 });
+        await annotatorPage.mouse.up();
+    }
+
+    // Editor deletes project
+    await editorPage.getByTestId('projects-link').click();
+    await projectRow.getByRole("checkbox").click();
+    await editorPage.getByTestId("remove-selected-rows").click();
+    await editorPage.getByRole('button', { name: 'Confirm' }).click();
+    await expect(editorPage.getByRole("alert").getByText("Items succesfully removed")).toBeVisible();
+});
+