test: split slow test

tests/local-first-delete-page.spec.ts

@@ -4,52 +4,6 @@ import { loadPage } from './libs/load-page';
 loadPage();
 
 test.describe('Local first delete page', () => {
-  test('New a page ,then open it and show delete modal', async ({ page }) => {
-    await page.getByText('New Page').click();
-    await page.getByPlaceholder('Title').click();
-    await page.getByPlaceholder('Title').fill('this is a new page to delete');
-    await page.getByRole('link', { name: 'All pages' }).click();
-    const cell = page.getByRole('cell', {
-      name: 'this is a new page to delete',
-    });
-    expect(cell).not.toBeUndefined();
-
-    await cell.click();
-    await page
-      .getByTestId('editor-header-items')
-      .getByRole('button')
-      .nth(2)
-      .click();
-    const deleteBtn = page.getByTestId('editor-option-menu-delete');
-    await deleteBtn.click();
-    const confirmTip = page.getByText('Delete page?');
-    expect(confirmTip).not.toBeUndefined();
-  });
-
-  test('New a page ,then go to all pages and show delete modal', async ({
-    page,
-  }) => {
-    await page.getByText('New Page').click();
-    await page.getByPlaceholder('Title').click();
-    await page.getByPlaceholder('Title').fill('this is a new page to delete');
-    const newPageId = page.url().split('/').reverse()[0];
-    await page.getByRole('link', { name: 'All pages' }).click();
-    const cell = page.getByRole('cell', {
-      name: 'this is a new page to delete',
-    });
-    expect(cell).not.toBeUndefined();
-
-    await page
-      .getByTestId('more-actions-' + newPageId)
-      .getByRole('button')
-      .first()
-      .click();
-    const deleteBtn = page.getByRole('button', { name: 'Delete' });
-    await deleteBtn.click();
-    const confirmTip = page.getByText('Delete page?');
-    expect(confirmTip).not.toBeUndefined();
-  });
-
   test('New a page , then delete it in all pages, permanently delete it', async ({
     page,
   }) => {

tests/local-first-new-page.spec.ts

@@ -19,26 +19,4 @@ test.describe('local first new page', () => {
     const cell = page.getByRole('cell', { name: 'this is a new page' });
     expect(cell).not.toBeUndefined();
   });
-
-  test('click btn bew page and open in tab', async ({ page }) => {
-    await page.getByText('New Page').click();
-    await page.getByPlaceholder('Title').click();
-    await page.getByPlaceholder('Title').fill('this is a new page');
-    const newPageUrl = page.url();
-    const newPageId = page.url().split('/').reverse()[0];
-
-    await page.getByRole('link', { name: 'All pages' }).click();
-
-    await page
-      .getByTestId('more-actions-' + newPageId)
-      .getByRole('button')
-      .first()
-      .click();
-    const [newTabPage] = await Promise.all([
-      page.waitForEvent('popup'),
-      page.getByRole('button', { name: 'Open in new tab' }).click(),
-    ]);
-
-    expect(newTabPage.url()).toBe(newPageUrl);
-  });
 });

tests/local-first-openpage-newtab.spec.ts

@@ -0,0 +1,28 @@
+import { test, expect } from '@playwright/test';
+import { loadPage } from './libs/load-page';
+
+loadPage();
+
+test.describe('local first new page', () => {
+  test('click btn bew page and open in tab', async ({ page }) => {
+    await page.getByText('New Page').click();
+    await page.getByPlaceholder('Title').click();
+    await page.getByPlaceholder('Title').fill('this is a new page');
+    const newPageUrl = page.url();
+    const newPageId = page.url().split('/').reverse()[0];
+
+    await page.getByRole('link', { name: 'All pages' }).click();
+
+    await page
+      .getByTestId('more-actions-' + newPageId)
+      .getByRole('button')
+      .first()
+      .click();
+    const [newTabPage] = await Promise.all([
+      page.waitForEvent('popup'),
+      page.getByRole('button', { name: 'Open in new tab' }).click(),
+    ]);
+
+    expect(newTabPage.url()).toBe(newPageUrl);
+  });
+});

tests/local-first-show-delete-modal.spec.ts

@@ -0,0 +1,52 @@
+import { test, expect } from '@playwright/test';
+import { loadPage } from './libs/load-page';
+
+loadPage();
+
+test.describe('Local first delete page', () => {
+  test('New a page ,then open it and show delete modal', async ({ page }) => {
+    await page.getByText('New Page').click();
+    await page.getByPlaceholder('Title').click();
+    await page.getByPlaceholder('Title').fill('this is a new page to delete');
+    await page.getByRole('link', { name: 'All pages' }).click();
+    const cell = page.getByRole('cell', {
+      name: 'this is a new page to delete',
+    });
+    expect(cell).not.toBeUndefined();
+
+    await cell.click();
+    await page
+      .getByTestId('editor-header-items')
+      .getByRole('button')
+      .nth(2)
+      .click();
+    const deleteBtn = page.getByTestId('editor-option-menu-delete');
+    await deleteBtn.click();
+    const confirmTip = page.getByText('Delete page?');
+    expect(confirmTip).not.toBeUndefined();
+  });
+
+  test('New a page ,then go to all pages and show delete modal', async ({
+    page,
+  }) => {
+    await page.getByText('New Page').click();
+    await page.getByPlaceholder('Title').click();
+    await page.getByPlaceholder('Title').fill('this is a new page to delete');
+    const newPageId = page.url().split('/').reverse()[0];
+    await page.getByRole('link', { name: 'All pages' }).click();
+    const cell = page.getByRole('cell', {
+      name: 'this is a new page to delete',
+    });
+    expect(cell).not.toBeUndefined();
+
+    await page
+      .getByTestId('more-actions-' + newPageId)
+      .getByRole('button')
+      .first()
+      .click();
+    const deleteBtn = page.getByRole('button', { name: 'Delete' });
+    await deleteBtn.click();
+    const confirmTip = page.getByText('Delete page?');
+    expect(confirmTip).not.toBeUndefined();
+  });
+});