Merge pull request #9039 from weseek/support/148792-replace-tests-with-playwright-2

support: Replace tests with playwright (30-search/30-search--search.cy.ts)

.github/workflows/reusable-app-prod.yml

@@ -213,7 +213,7 @@ jobs:
       fail-fast: false
       matrix:
         # List string expressions that is comma separated ids of tests in "test/cypress/integration"
-        spec-group: ['21', '30', '50']
+        spec-group: ['21', '50']
 
     services:
       mongodb:

apps/app/playwright/30-search/search.spect.ts

@@ -0,0 +1,227 @@
+import { test, expect } from '@playwright/test';
+
+test('Search page with "q" param is successfully loaded', async({ page }) => {
+  // Navigate to the search page with query parameters
+  await page.goto('/_search?q=alerts');
+
+  // Confirm search result elements are visible
+  await expect(page.getByTestId('search-result-base')).toBeVisible();
+  await expect(page.getByTestId('search-result-list')).toBeVisible();
+  await expect(page.getByTestId('search-result-content')).toBeVisible();
+  await expect(page.locator('.wiki')).toBeVisible();
+});
+
+test('checkboxes behaviors', async({ page }) => {
+  // Navigate to the search page with query parameters
+  await page.goto('/_search?q=alerts');
+
+  // Confirm search result elements are visible
+  await expect(page.getByTestId('search-result-base')).toBeVisible();
+  await expect(page.getByTestId('search-result-list')).toBeVisible();
+  await expect(page.getByTestId('search-result-content')).toBeVisible();
+  await expect(page.locator('.wiki')).toBeVisible();
+
+  // Click the first checkbox
+  await page.getByTestId('cb-select').first().click({ force: true });
+
+  // Unclick the first checkbox
+  await page.getByTestId('cb-select').first().click({ force: true });
+
+  // Click the select all checkbox
+  await page.getByTestId('delete-control-button').first().click({ force: true });
+  await page.getByTestId('cb-select-all').click({ force: true });
+
+  // Unclick the first checkbox after selecting all
+  await page.getByTestId('cb-select').first().click({ force: true });
+
+  // Click the first checkbox again
+  await page.getByTestId('cb-select').first().click({ force: true });
+
+  // Unclick the select all checkbox
+  await page.getByTestId('cb-select').first().click({ force: true });
+});
+
+
+test('successfully loads /_private-legacy-pages', async({ page }) => {
+  await page.goto('/_private-legacy-pages');
+
+  // Confirm search result elements are visible
+  await expect(page.locator('[data-testid="search-result-base"]')).toBeVisible();
+  await expect(page.locator('[data-testid="search-result-private-legacy-pages"]')).toBeVisible();
+});
+
+test('Search all pages by word', async({ page }) => {
+  await page.goto('/');
+  await page.getByTestId('open-search-modal-button').click();
+  await expect(page.getByTestId('search-modal')).toBeVisible();
+  await page.locator('.form-control').fill('sand');
+  await expect(page.locator('.search-menu-item').first()).toBeVisible();
+});
+
+test.describe.serial('Search all pages', () => {
+  const tag = 'help';
+  const searchText = `tag:${tag}`;
+
+  test('Successfully created tags', async({ page }) => {
+    await page.goto('/');
+
+    // open Edit Tags Modal to add tag
+    await page.locator('.grw-side-contents-sticky-container').isVisible();
+    await page.locator('#edit-tags-btn-wrapper-for-tooltip').click();
+    await expect(page.locator('#edit-tag-modal')).toBeVisible();
+    await page.locator('.rbt-input-main').fill(tag);
+    await page.locator('#tag-typeahead-asynctypeahead-item-0').click();
+    await page.getByTestId('tag-edit-done-btn').click();
+
+  });
+
+  test('Search all pages by tag is successfully loaded', async({ page }) => {
+    await page.goto('/');
+
+    // Search
+    await page.getByTestId('open-search-modal-button').click();
+    await expect(page.getByTestId('search-modal')).toBeVisible();
+    await page.locator('.form-control').fill(searchText);
+    await page.getByTestId('search-all-menu-item').click();
+
+    // Confirm search result elements are visible
+    const searchResultList = page.getByTestId('search-result-list');
+    await expect(searchResultList).toBeVisible();
+    await expect(searchResultList.locator('li')).toHaveCount(1);
+  });
+
+  test('Successfully order page search results by tag', async({ page }) => {
+    await page.goto('/');
+
+    await page.locator('.grw-tag-simple-bar').locator('a').click();
+
+    expect(page.getByTestId('search-result-base')).toBeVisible();
+    expect(page.getByTestId('search-result-list')).toBeVisible();
+    expect(page.getByTestId('search-result-content')).toBeVisible();
+  });
+});
+
+test.describe('Sort with dropdown', () => {
+  test.beforeEach(async({ page }) => {
+    await page.goto('/_search?q=sand');
+
+    await expect(page.getByTestId('search-result-base')).toBeVisible();
+    await expect(page.getByTestId('search-result-list')).toBeVisible();
+    await expect(page.getByTestId('search-result-content')).toBeVisible();
+
+    // open sort dropdown
+    await page.locator('.search-control').locator('button').first().click();
+  });
+
+  test('Open sort dropdown', async({ page }) => {
+    await expect(page.locator('.search-control .dropdown-menu.show')).toBeVisible();
+  });
+
+  test('Sort by relevance', async({ page }) => {
+    const dropdownMenu = page.locator('.search-control .dropdown-menu.show');
+
+    await expect(dropdownMenu).toBeVisible();
+    await dropdownMenu.locator('.dropdown-item').nth(0).click();
+
+
+    await expect(page.getByTestId('search-result-base')).toBeVisible();
+    await expect(page.getByTestId('search-result-list')).toBeVisible();
+    await expect(page.getByTestId('search-result-content')).toBeVisible();
+  });
+
+  test('Sort by creation date', async({ page }) => {
+    const dropdownMenu = page.locator('.search-control .dropdown-menu.show');
+
+    await expect(dropdownMenu).toBeVisible();
+    await dropdownMenu.locator('.dropdown-item').nth(1).click();
+
+
+    await expect(page.getByTestId('search-result-base')).toBeVisible();
+    await expect(page.getByTestId('search-result-list')).toBeVisible();
+    await expect(page.getByTestId('search-result-content')).toBeVisible();
+  });
+
+  test('Sort by last update date', async({ page }) => {
+    const dropdownMenu = page.locator('.search-control .dropdown-menu.show');
+
+    await expect(dropdownMenu).toBeVisible();
+    await dropdownMenu.locator('.dropdown-item').nth(2).click();
+
+
+    await expect(page.getByTestId('search-result-base')).toBeVisible();
+    await expect(page.getByTestId('search-result-list')).toBeVisible();
+    await expect(page.getByTestId('search-result-content')).toBeVisible();
+  });
+});
+
+test.describe('Search and use', () => {
+  test.beforeEach(async({ page }) => {
+    await page.goto('/_search?q=alerts');
+
+    await expect(page.getByTestId('search-result-base')).toBeVisible();
+    await expect(page.getByTestId('search-result-list')).toBeVisible();
+    await expect(page.getByTestId('search-result-content')).toBeVisible();
+
+    await page.getByTestId('page-list-item-L').first().getByTestId('open-page-item-control-btn').click();
+    await expect(page.locator('.dropdown-menu.show')).toBeVisible();
+  });
+
+  test('Successfully the dropdown is opened', async({ page }) => {
+    await expect(page.locator('.dropdown-menu.show')).toBeVisible();
+  });
+
+  test('Successfully add bookmark', async({ page }) => {
+    const dropdonwMenu = page.locator('.dropdown-menu.show');
+
+    await expect(dropdonwMenu).toBeVisible();
+
+    // Add bookmark
+    await dropdonwMenu.getByTestId('add-bookmark-btn').click();
+
+    await expect(page.getByTestId('search-result-content').locator('.btn-bookmark.active').first()).toBeVisible();
+  });
+
+  test('Successfully open duplicate modal', async({ page }) => {
+    const dropdonwMenu = page.locator('.dropdown-menu.show');
+
+    await expect(dropdonwMenu).toBeVisible();
+
+    await dropdonwMenu.getByTestId('open-page-duplicate-modal-btn').click();
+
+    await expect(page.getByTestId('page-duplicate-modal')).toBeVisible();
+  });
+
+  test('Successfully open move/rename modal', async({ page }) => {
+    const dropdonwMenu = page.locator('.dropdown-menu.show');
+
+    await expect(dropdonwMenu).toBeVisible();
+
+    await dropdonwMenu.getByTestId('rename-page-btn').click();
+
+    await expect(page.getByTestId('page-rename-modal')).toBeVisible();
+  });
+
+  test('Successfully open delete modal', async({ page }) => {
+    const dropdonwMenu = page.locator('.dropdown-menu.show');
+
+    await expect(dropdonwMenu).toBeVisible();
+
+    await dropdonwMenu.getByTestId('open-page-delete-modal-btn').click();
+
+    await expect(page.getByTestId('page-delete-modal')).toBeVisible();
+  });
+});
+
+test('Search current tree by word is successfully loaded', async({ page }) => {
+  await page.goto('/');
+  const searchText = 'GROWI';
+
+  await page.getByTestId('open-search-modal-button').click();
+  await expect(page.getByTestId('search-modal')).toBeVisible();
+  await page.locator('.form-control').fill(searchText);
+  await page.getByTestId('search-prefix-menu-item').click();
+
+  await expect(page.getByTestId('search-result-base')).toBeVisible();
+  await expect(page.getByTestId('search-result-list')).toBeVisible();
+  await expect(page.getByTestId('search-result-content')).toBeVisible();
+});

apps/app/test/cypress/e2e/30-search/30-search--search.cy.ts

@@ -1,412 +0,0 @@
-context('Access to search result page', () => {
-  const ssPrefix = 'access-to-result-page-directly-';
-
-
-  beforeEach(() => {
-    // login
-    cy.fixture("user-admin.json").then(user => {
-      cy.login(user.username, user.password);
-    });
-  });
-
-  it('/_search with "q" param is successfully loaded', () => {
-    cy.visit('/_search', { qs: { q: 'labels alerts cards blocks' } });
-
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-
-    cy.collapseSidebar(true, true);
-    cy.waitUntilSkeletonDisappear();
-    cy.screenshot(`${ssPrefix}with-q`);
-  });
-
-  it('checkboxes behaviors', () => {
-    cy.visit('/_search', { qs: { q: 'labels alerts cards blocks' } });
-
-    cy.collapseSidebar(true);
-
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-
-    // force to add 'active' to pass VRT: https://github.com/weseek/growi/pull/6603
-    cy.getByTestid('page-list-item-L').first().invoke('addClass', 'active');
-
-    cy.getByTestid('cb-select').first().click({force: true});
-
-    cy.screenshot(`${ssPrefix}the-first-checkbox-on`);
-
-    cy.getByTestid('cb-select').first().click({force: true});
-    cy.screenshot(`${ssPrefix}the-first-checkbox-off`);
-
-    // click select all checkbox
-    cy.getByTestid('cb-select-all').click({force: true});
-    cy.screenshot(`${ssPrefix}the-select-all-checkbox-1`);
-    cy.getByTestid('cb-select').first().click({force: true});
-    cy.screenshot(`${ssPrefix}the-select-all-checkbox-2`);
-    cy.getByTestid('cb-select').first().click({force: true});
-    cy.screenshot(`${ssPrefix}the-select-all-checkbox-3`);
-    cy.getByTestid('cb-select-all').click({force: true});
-    cy.screenshot(`${ssPrefix}the-select-all-checkbox-4`);
-  });
-
-});
-
-context('Access to legacy private pages', () => {
-  const ssPrefix = 'access-to-legacy-private-pages-directly-';
-
-  beforeEach(() => {
-    // login
-    cy.fixture("user-admin.json").then(user => {
-      cy.login(user.username, user.password);
-    });
-  });
-
-  it('/_private-legacy-pages is successfully loaded', () => {
-    cy.visit('/_private-legacy-pages');
-
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-private-legacy-pages').should('be.visible');
-
-    cy.collapseSidebar(true);
-    cy.waitUntilSkeletonDisappear();
-    cy.screenshot(`${ssPrefix}shown`);
-  });
-
-});
-
-context('Search all pages', () => {
-  const ssPrefix = 'search-all-pages-';
-
-  beforeEach(() => {
-    // login
-    cy.fixture("user-admin.json").then(user => {
-      cy.login(user.username, user.password);
-    });
-  });
-
-  it(`Search all pages by word is successfully loaded`, () => {
-    const searchText = 'help';
-
-    cy.visit('/');
-
-    cy.collapseSidebar(true, true);
-    cy.waitUntilSkeletonDisappear();
-
-    // open SearchModal
-    cy.getByTestid('grw-contextual-sub-nav').within(() => {
-      cy.getByTestid('open-search-modal-button').click();
-    })
-    cy.getByTestid('search-modal').should('be.visible').within(() => {
-      cy.screenshot(`${ssPrefix}1-search-input-focused`);
-    });
-
-    // inseart text
-    cy.getByTestid('search-form').should('be.visible').type(searchText);
-    cy.screenshot(`${ssPrefix}2-insert-search-text`, { capture: 'viewport'});
-  });
-
-  it(`Search all pages by tag is successfully loaded `, () => {
-    const tag = 'help';
-    const searchText = `tag:${tag}`;
-
-    cy.visit('/');
-
-    // open Edit Tags Modal to add tag
-    cy.waitUntil(() => {
-      // do
-      cy.getByTestid('grw-tag-labels').as('tagLabels').should('be.visible');
-      cy.get('@tagLabels').find('button').first().as('btn').click({force: true});
-      // wait until
-      return cy.get('body').within(() => {
-        return Cypress.$('.modal.show').is(':visible');
-      });
-    });
-
-    cy.get('#edit-tag-modal').should('be.visible').within(() => {
-      cy.get('.rbt-input-main').type(tag);
-      cy.get('#tag-typeahead-asynctypeahead').should('be.visible');
-      cy.get('#tag-typeahead-asynctypeahead-item-0').should('be.visible');
-      // select
-      cy.get('a#tag-typeahead-asynctypeahead-item-0').click();
-      // save
-      cy.get('div.modal-footer > button').click();
-    });
-
-    cy.visit('/');
-    cy.waitUntilSkeletonDisappear();
-
-    // open SearchModal
-    cy.getByTestid('grw-contextual-sub-nav').within(() => {
-      cy.getByTestid('open-search-modal-button').click();
-    })
-    cy.getByTestid('search-modal').should('be.visible');
-
-    // inseart text
-    cy.getByTestid('search-form').should('be.visible').type(searchText);
-    cy.screenshot(`${ssPrefix}1-insert-search-text-with-tag`, { capture: 'viewport'});
-
-    // click search method button
-    cy.getByTestid('search-all-menu-item').click();
-
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-
-    // force to add 'active' to pass VRT: https://github.com/weseek/growi/pull/6603
-    cy.getByTestid('page-list-item-L').first().invoke('addClass', 'active');
-
-    cy.collapseSidebar(true);
-    cy.waitUntilSpinnerDisappear();
-    cy.waitUntilSkeletonDisappear();
-    cy.screenshot(`${ssPrefix}2-search-with-tag-result`, {capture: 'viewport'});
-
-  });
-
-  it('Successfully order page search results by tag', () => {
-    const tag = 'help';
-
-    cy.visit('/');
-
-    // open Edit Tags Modal to add tag
-    cy.waitUntil(() => {
-      // do
-      cy.getByTestid('grw-tag-labels').as('tagLabels').should('be.visible');
-      cy.get('@tagLabels').find('a').contains(tag).as('tag').click();
-      // wait until
-      return cy.getByTestid('search-result-base').then($elem => $elem.is(':visible'));
-    });
-
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-
-    // force to add 'active' to pass VRT: https://github.com/weseek/growi/pull/6603
-    cy.getByTestid('page-list-item-L').first().invoke('addClass', 'active');
-
-    cy.collapseSidebar(true);
-    cy.waitUntilSkeletonDisappear();
-    cy.waitUntilSpinnerDisappear();
-    cy.screenshot(`${ssPrefix}1-tag-order-click-tag-name`, {capture: 'viewport'});
-
-  });
-
-});
-
-context('Sort with dropdown', () => {
-  const ssPrefix = 'sort-with-dropdown-';
-
-  beforeEach(() => {
-    // login
-    cy.fixture("user-admin.json").then(user => {
-      cy.login(user.username, user.password);
-    });
-
-    cy.visit('/_search', { qs: { q: 'sand' } });
-
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-
-    cy.waitUntilSpinnerDisappear();
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-
-    // open sort dropdown
-    cy.waitUntil(() => {
-      // do
-      cy.get('.search-control').within(() => {
-        cy.get('button').first().click({force: true});
-      });
-      // wait until
-      return cy.get('.search-control').within(() => {
-        return Cypress.$('.dropdown-menu.show').is(':visible');
-      });
-    });
-  });
-
-  it('Open sort dropdown', () => {
-    cy.get('.search-control .dropdown-menu.show').should('be.visible');
-      cy.screenshot(`${ssPrefix}2-open-sort-dropdown`);
-  });
-
-  it('Sort by relevance', () => {
-    cy.get('.search-control .dropdown-menu.show').should('be.visible').within(() => {
-      cy.get('button:nth-child(1)').click({force: true});
-    });
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-
-    cy.waitUntilSpinnerDisappear();
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-    cy.screenshot(`${ssPrefix}3-tag-order-by-relevance`);
-  });
-
-  it('Sort by creation date', () => {
-    cy.get('.search-control .dropdown-menu.show').should('be.visible').within(() => {
-      cy.get('button:nth-child(2)').click({force: true});
-    });
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-
-    cy.waitUntilSpinnerDisappear();
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-    cy.screenshot(`${ssPrefix}3-tag-order-by-creation-date`);
-  });
-
-  it('Sort by last update date', () => {
-    cy.get('.search-control .dropdown-menu.show').should('be.visible').within(() => {
-      cy.get('button:nth-child(3)').click({force: true});
-    });
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-
-    cy.waitUntilSpinnerDisappear();
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-    cy.screenshot(`${ssPrefix}4-tag-order-by-last-update-date`);
-  });
-
-});
-
-
-context('Search and use', () => {
-  const ssPrefix = 'search-and-use-';
-
-  beforeEach(() => {
-    // login
-    cy.fixture("user-admin.json").then(user => {
-      cy.login(user.username, user.password);
-    });
-
-    cy.visit('/_search', { qs: { q: 'labels alerts cards blocks' } });
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-
-    cy.getByTestid('page-list-item-L').first().as('firstItem');
-
-    // force to add 'active' to pass VRT: https://github.com/weseek/growi/pull/6603
-    cy.get('@firstItem').invoke('addClass', 'active');
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-
-    cy.waitUntil(() => {
-      // do
-      cy.get('@firstItem').within(() => {
-        cy.getByTestid('open-page-item-control-btn').click();
-      });
-      // wait until
-      return cy.get('.dropdown-menu.show').then($elem => $elem.is(':visible'));
-    });
-  });
-
-  it('Successfully the dropdown is opened', () => {
-    cy.get('.dropdown-menu.show').should('be.visible');
-    cy.screenshot(`${ssPrefix}1-click-three-dots-menu`, {capture: 'viewport'});
-  });
-
-  it('Successfully add bookmark', () => {
-    cy.get('.dropdown-menu.show').should('be.visible').within(() => {
-      // Add bookmark
-      cy.getByTestid('add-bookmark-btn').click({force: true});
-    });
-    cy.getByTestid('search-result-content').within(() => {
-      cy.get('.btn-bookmark.active').should('be.visible');
-    });
-    cy.screenshot(`${ssPrefix}2-add-bookmark`, {capture: 'viewport'});
-  });
-
-  it('Successfully open duplicate modal', () => {
-    cy.get('.dropdown-menu.show').should('be.visible').within(() => {
-      cy.getByTestid('open-page-duplicate-modal-btn').click({force: true});
-    });
-    cy.getByTestid('page-duplicate-modal').should('be.visible').within(() => {
-      cy.screenshot(`${ssPrefix}3-duplicate-page`);
-    });
-    // Close Modal
-    cy.get('body').type('{esc}');
-  });
-
-  it('Successfully open move/rename modal', () => {
-    cy.get('.dropdown-menu.show').should('be.visible').within(() => {
-      cy.getByTestid('rename-page-btn').click({force: true});
-    });
-    cy.getByTestid('page-rename-modal').should('be.visible').within(() => {
-      cy.screenshot(`${ssPrefix}4-move-rename-page`);
-    });
-    // Close Modal
-    cy.get('body').type('{esc}');
-  });
-
-  it('Successfully open delete modal', () => {
-    cy.get('.dropdown-menu.show').should('be.visible').within(() => {
-      cy.getByTestid('open-page-delete-modal-btn').click({ force: true});
-    });
-    cy.getByTestid('page-delete-modal').should('be.visible').within(() => {
-      cy.screenshot(`${ssPrefix}5-delete-page`);
-    });
-  });
-})
-
-context('Search current tree with "prefix":', () => {
-  const ssPrefix = 'search-current-tree-';
-
-  beforeEach(() => {
-    // login
-    cy.fixture("user-admin.json").then(user => {
-      cy.login(user.username, user.password);
-    });
-  });
-
-  it(`Search current tree by word is successfully loaded`, () => {
-    const searchText = 'help';
-
-    cy.visit('/');
-    cy.waitUntilSkeletonDisappear();
-
-    // open SearchModal
-    cy.getByTestid('grw-contextual-sub-nav').within(() => {
-      cy.getByTestid('open-search-modal-button').click();
-    })
-    cy.getByTestid('search-modal').should('be.visible');
-
-    // inseart text
-    cy.getByTestid('search-form').should('be.visible').type(searchText);
-
-    // click search method button
-    cy.getByTestid('search-prefix-menu-item').click();
-
-    cy.getByTestid('search-result-base').should('be.visible');
-    cy.getByTestid('search-result-list').should('be.visible');
-    cy.getByTestid('search-result-content').should('be.visible');
-    cy.get('.wiki').should('be.visible');
-    cy.waitUntilSpinnerDisappear();
-
-    // force to add 'active' to pass VRT: https://github.com/weseek/growi/pull/6603
-    cy.getByTestid('page-list-item-L').first().invoke('addClass', 'active');
-    // for avoid mismatch by auto scrolling
-    cy.get('.search-result-content-body-container').scrollTo('top');
-    cy.screenshot(`${ssPrefix}3-search-page-results`, { capture: 'viewport'});
-  });
-
-});