fixed

packages/app/test/cypress/integration/20-basic-features/use-tools.spec.ts

@@ -1,23 +1,23 @@
-// context('Switch Sidebar content', () => {
-//   const ssPrefix = 'switch-sidebar-content';
+context('Switch Sidebar content', () => {
+  const ssPrefix = 'switch-sidebar-content';
 
-//   beforeEach(() => {
-//     // login
-//     cy.fixture("user-admin.json").then(user => {
-//       cy.login(user.username, user.password);
-//     });
-//   });
+  beforeEach(() => {
+    // login
+    cy.fixture("user-admin.json").then(user => {
+      cy.login(user.username, user.password);
+    });
+  });
 
-//   it('PageTree is successfully shown', () => {
-//     cy.collapseSidebar(false);
-//     cy.visit('/page');
-//     cy.getByTestid('grw-sidebar-nav-primary-page-tree').click();
-//     // eslint-disable-next-line cypress/no-unnecessary-waiting
-//     cy.wait(1500);
-//     cy.screenshot(`${ssPrefix}-pagetree-after-load`, { capture: 'viewport' });
-//   });
+  it('PageTree is successfully shown', () => {
+    cy.collapseSidebar(false);
+    cy.visit('/page');
+    cy.getByTestid('grw-sidebar-nav-primary-page-tree').click();
+    // eslint-disable-next-line cypress/no-unnecessary-waiting
+    cy.wait(1500);
+    cy.screenshot(`${ssPrefix}-pagetree-after-load`, { capture: 'viewport' });
+  });
 
-// });
+});
 
 
 context('Modal for page operation', () => {
@@ -31,52 +31,52 @@ context('Modal for page operation', () => {
     });
     cy.collapseSidebar(true);
   });
-  // it("PageCreateModal is shown and closed successfully", () => {
-  //   cy.visit('/');
-  //   cy.getByTestid('newPageBtn').click();
-
-  //   cy.getByTestid('page-create-modal').should('be.visible').within(() => {
-  //     cy.screenshot(`${ssPrefix}new-page-modal-opened`);
-  //     cy.get('button.close').click();
-
-  //   });
-  //   cy.screenshot(`${ssPrefix}page-create-modal-closed`, {capture: 'viewport'});
-  // });
-  // it("Successfully Create Today's page", () => {
-  //   const pageName = "Today's page";
-  //   cy.visit('/');
-  //   cy.getByTestid('newPageBtn').click();
-
-  //   cy.getByTestid('page-create-modal').should('be.visible').within(() => {
-  //     cy.get('.page-today-input2').type(pageName);
-  //     cy.screenshot(`${ssPrefix}today-add-page-name`);
-  //     cy.getByTestid('btn-create-memo').click();
-  //   });
-  //   cy.getByTestid('page-editor').should('be.visible');
-  //   cy.getByTestid('save-page-btn').click();
-  //   cy.get('.layout-root').should('not.have.class', 'editing');
-
-  //   cy.getByTestid('grw-contextual-sub-nav').should('be.visible');
-  //   cy.screenshot(`${ssPrefix}create-today-page`);
-  // });
-  // it('Successfully create page under specific path', () => {
-  //   const pageName = 'child';
-
-  //   cy.visit('/SandBox');
-  //   cy.getByTestid('newPageBtn').click();
-
-  //   cy.getByTestid('page-create-modal').should('be.visible').within(() => {
-  //     cy.get('.rbt-input-main').type(pageName);
-  //     cy.screenshot(`${ssPrefix}under-path-add-page-name`);
-  //     cy.getByTestid('btn-create-page-under-below').click();
-  //   });
-  //   cy.getByTestid('page-editor').should('be.visible');
-  //   cy.getByTestid('save-page-btn').click();
-  //   cy.get('.layout-root').should('not.have.class', 'editing');
-
-  //   cy.getByTestid('grw-contextual-sub-nav').should('be.visible');
-  //   cy.screenshot(`${ssPrefix}create-page-under-specific-page`);
-  // });
+  it("PageCreateModal is shown and closed successfully", () => {
+    cy.visit('/');
+    cy.getByTestid('newPageBtn').click();
+
+    cy.getByTestid('page-create-modal').should('be.visible').within(() => {
+      cy.screenshot(`${ssPrefix}new-page-modal-opened`);
+      cy.get('button.close').click();
+
+    });
+    cy.screenshot(`${ssPrefix}page-create-modal-closed`, {capture: 'viewport'});
+  });
+  it("Successfully Create Today's page", () => {
+    const pageName = "Today's page";
+    cy.visit('/');
+    cy.getByTestid('newPageBtn').click();
+
+    cy.getByTestid('page-create-modal').should('be.visible').within(() => {
+      cy.get('.page-today-input2').type(pageName);
+      cy.screenshot(`${ssPrefix}today-add-page-name`);
+      cy.getByTestid('btn-create-memo').click();
+    });
+    cy.getByTestid('page-editor').should('be.visible');
+    cy.getByTestid('save-page-btn').click();
+    cy.get('.layout-root').should('not.have.class', 'editing');
+
+    cy.getByTestid('grw-contextual-sub-nav').should('be.visible');
+    cy.screenshot(`${ssPrefix}create-today-page`);
+  });
+  it('Successfully create page under specific path', () => {
+    const pageName = 'child';
+
+    cy.visit('/SandBox');
+    cy.getByTestid('newPageBtn').click();
+
+    cy.getByTestid('page-create-modal').should('be.visible').within(() => {
+      cy.get('.rbt-input-main').type(pageName);
+      cy.screenshot(`${ssPrefix}under-path-add-page-name`);
+      cy.getByTestid('btn-create-page-under-below').click();
+    });
+    cy.getByTestid('page-editor').should('be.visible');
+    cy.getByTestid('save-page-btn').click();
+    cy.get('.layout-root').should('not.have.class', 'editing');
+
+    cy.getByTestid('grw-contextual-sub-nav').should('be.visible');
+    cy.screenshot(`${ssPrefix}create-page-under-specific-page`);
+  });
 
   it('Trying to create template page under the root page fail', () => {
     cy.visit('/');
@@ -105,251 +105,251 @@ context('Modal for page operation', () => {
     cy.screenshot(`${ssPrefix}create-template-for-descendants-error`, {capture: 'viewport'});
   });
 
-  // it('PageDeleteModal is shown successfully', () => {
-  //   cy.visit('/Sandbox/Bootstrap4');
+  it('PageDeleteModal is shown successfully', () => {
+    cy.visit('/Sandbox/Bootstrap4');
+
+     cy.get('#grw-subnav-container').within(() => {
+       cy.getByTestid('open-page-item-control-btn').click({force: true});
+       cy.getByTestid('open-page-delete-modal-btn').click({force: true});
+    });
+
+     cy.getByTestid('page-delete-modal').should('be.visible').screenshot(`${ssPrefix}-delete-bootstrap4`);
+  });
+
+  it('PageDuplicateModal is shown successfully', () => {
+    cy.visit('/Sandbox/Bootstrap4', {  });
+
+    cy.get('#grw-subnav-container').within(() => {
+      cy.getByTestid('open-page-item-control-btn').click({force: true});
+      cy.getByTestid('open-page-duplicate-modal-btn').click({force: true});
+    });
+
+    cy.getByTestid('page-duplicate-modal').should('be.visible').screenshot(`${ssPrefix}-duplicate-bootstrap4`);
+  });
+
+  it('PageMoveRenameModal is shown successfully', () => {
+    cy.visit('/Sandbox/Bootstrap4', {  });
+
+    cy.get('#grw-subnav-container').within(() => {
+      cy.getByTestid('open-page-item-control-btn').click({force: true});
+      cy.getByTestid('open-page-move-rename-modal-btn').click({force: true});
+    });
+
+    cy.getByTestid('page-rename-modal').should('be.visible').screenshot(`${ssPrefix}-rename-bootstrap4`);
+  });
+
+});
+
+
+context('Open presentation modal', () => {
+
+  const ssPrefix = 'access-to-presentation-modal-';
+
+  beforeEach(() => {
+    // login
+    cy.fixture("user-admin.json").then(user => {
+      cy.login(user.username, user.password);
+    });
+    cy.collapseSidebar(true);
+  });
+
+  it('PresentationModal for "/" is shown successfully', () => {
+    cy.visit('/');
 
-  //    cy.get('#grw-subnav-container').within(() => {
-  //      cy.getByTestid('open-page-item-control-btn').click({force: true});
-  //      cy.getByTestid('open-page-delete-modal-btn').click({force: true});
-  //   });
+    cy.get('#grw-subnav-container').within(() => {
+      cy.getByTestid('open-page-item-control-btn').click({force: true});
+      cy.getByTestid('open-presentation-modal-btn').click({force: true});
+    });
 
-  //    cy.getByTestid('page-delete-modal').should('be.visible').screenshot(`${ssPrefix}-delete-bootstrap4`);
-  // });
+    // eslint-disable-next-line cypress/no-unnecessary-waiting
+    cy.wait(1500);
+    cy.screenshot(`${ssPrefix}-open-top`);
+  });
+
+});
 
-  // it('PageDuplicateModal is shown successfully', () => {
-  //   cy.visit('/Sandbox/Bootstrap4', {  });
+context('Page Accessories Modal', () => {
 
-  //   cy.get('#grw-subnav-container').within(() => {
-  //     cy.getByTestid('open-page-item-control-btn').click({force: true});
-  //     cy.getByTestid('open-page-duplicate-modal-btn').click({force: true});
-  //   });
+  const ssPrefix = 'access-to-page-accessories-modal';
 
-  //   cy.getByTestid('page-duplicate-modal').should('be.visible').screenshot(`${ssPrefix}-duplicate-bootstrap4`);
-  // });
+  beforeEach(() => {
+    // login
+    cy.fixture("user-admin.json").then(user => {
+      cy.login(user.username, user.password);
+    });
+    cy.collapseSidebar(true);
+  });
 
-  // it('PageMoveRenameModal is shown successfully', () => {
-  //   cy.visit('/Sandbox/Bootstrap4', {  });
+  it('Page History is shown successfully', () => {
+     cy.visit('/Sandbox/Bootstrap4');
+     cy.get('#grw-subnav-container').within(() => {
+      cy.getByTestid('open-page-item-control-btn').within(() => {
+        cy.get('button.btn-page-item-control').click({force: true});
+      });
+      cy.getByTestid('open-page-accessories-modal-btn-with-history-tab').click({force: true});
+    });
 
-  //   cy.get('#grw-subnav-container').within(() => {
-  //     cy.getByTestid('open-page-item-control-btn').click({force: true});
-  //     cy.getByTestid('open-page-move-rename-modal-btn').click({force: true});
-  //   });
+     cy.getByTestid('page-history').should('be.visible')
+     cy.screenshot(`${ssPrefix}-open-page-history-bootstrap4`);
+  });
+  it('Page Attachment Data is shown successfully', () => {
+     cy.visit('/Sandbox/Bootstrap4', {  });
+     cy.get('#grw-subnav-container').within(() => {
+      cy.getByTestid('open-page-item-control-btn').within(() => {
+        cy.get('button.btn-page-item-control').click({force: true});
+      });
+       cy.getByTestid('open-page-accessories-modal-btn-with-attachment-data-tab').click();
+    });
 
-  //   cy.getByTestid('page-rename-modal').should('be.visible').screenshot(`${ssPrefix}-rename-bootstrap4`);
-  // });
+     cy.getByTestid('page-accessories-modal').should('be.visible')
+     cy.getByTestid('page-attachment').should('be.visible')
+     cy.screenshot(`${ssPrefix}-open-page-attachment-data-bootstrap4`);
+  });
+  it('Share Link Management is shown successfully', () => {
+    cy.visit('/Sandbox/Bootstrap4', { });
+    cy.get('#grw-subnav-container').within(() => {
+      cy.getByTestid('open-page-item-control-btn').within(() => {
+        cy.get('button.btn-page-item-control').click({force: true});
+      });
+      cy.getByTestid('open-page-accessories-modal-btn-with-share-link-management-data-tab').should('be.visible');
+      cy.getByTestid('open-page-accessories-modal-btn-with-share-link-management-data-tab').click();
+   });
+
+   cy.getByTestid('page-accessories-modal').should('be.visible');
+   cy.getByTestid('share-link-management').should('be.visible');
+   cy.screenshot(`${ssPrefix}-open-share-link-management-bootstrap4`);
+  });
 
 });
 
+context('Tag Oprations', () =>{
+
+  beforeEach(() => {
+    // login
+    cy.fixture("user-admin.json").then(user => {
+      cy.login(user.username, user.password);
+    });
+    cy.collapseSidebar(true);
+  });
 
-// context('Open presentation modal', () => {
-
-//   const ssPrefix = 'access-to-presentation-modal-';
-
-//   beforeEach(() => {
-//     // login
-//     cy.fixture("user-admin.json").then(user => {
-//       cy.login(user.username, user.password);
-//     });
-//     cy.collapseSidebar(true);
-//   });
-
-//   it('PresentationModal for "/" is shown successfully', () => {
-//     cy.visit('/');
-
-//     cy.get('#grw-subnav-container').within(() => {
-//       cy.getByTestid('open-page-item-control-btn').click({force: true});
-//       cy.getByTestid('open-presentation-modal-btn').click({force: true});
-//     });
-
-//     // eslint-disable-next-line cypress/no-unnecessary-waiting
-//     cy.wait(1500);
-//     cy.screenshot(`${ssPrefix}-open-top`);
-//   });
-
-// });
-
-// context('Page Accessories Modal', () => {
-
-//   const ssPrefix = 'access-to-page-accessories-modal';
-
-//   beforeEach(() => {
-//     // login
-//     cy.fixture("user-admin.json").then(user => {
-//       cy.login(user.username, user.password);
-//     });
-//     cy.collapseSidebar(true);
-//   });
-
-//   it('Page History is shown successfully', () => {
-//      cy.visit('/Sandbox/Bootstrap4');
-//      cy.get('#grw-subnav-container').within(() => {
-//       cy.getByTestid('open-page-item-control-btn').within(() => {
-//         cy.get('button.btn-page-item-control').click({force: true});
-//       });
-//       cy.getByTestid('open-page-accessories-modal-btn-with-history-tab').click({force: true});
-//     });
-
-//      cy.getByTestid('page-history').should('be.visible')
-//      cy.screenshot(`${ssPrefix}-open-page-history-bootstrap4`);
-//   });
-//   it('Page Attachment Data is shown successfully', () => {
-//      cy.visit('/Sandbox/Bootstrap4', {  });
-//      cy.get('#grw-subnav-container').within(() => {
-//       cy.getByTestid('open-page-item-control-btn').within(() => {
-//         cy.get('button.btn-page-item-control').click({force: true});
-//       });
-//        cy.getByTestid('open-page-accessories-modal-btn-with-attachment-data-tab').click();
-//     });
-
-//      cy.getByTestid('page-accessories-modal').should('be.visible')
-//      cy.getByTestid('page-attachment').should('be.visible')
-//      cy.screenshot(`${ssPrefix}-open-page-attachment-data-bootstrap4`);
-//   });
-//   it('Share Link Management is shown successfully', () => {
-//     cy.visit('/Sandbox/Bootstrap4', { });
-//     cy.get('#grw-subnav-container').within(() => {
-//       cy.getByTestid('open-page-item-control-btn').within(() => {
-//         cy.get('button.btn-page-item-control').click({force: true});
-//       });
-//       cy.getByTestid('open-page-accessories-modal-btn-with-share-link-management-data-tab').should('be.visible');
-//       cy.getByTestid('open-page-accessories-modal-btn-with-share-link-management-data-tab').click();
-//    });
-
-//    cy.getByTestid('page-accessories-modal').should('be.visible');
-//    cy.getByTestid('share-link-management').should('be.visible');
-//    cy.screenshot(`${ssPrefix}-open-share-link-management-bootstrap4`);
-//   });
-
-// });
-
-// context('Tag Oprations', () =>{
-
-//   beforeEach(() => {
-//     // login
-//     cy.fixture("user-admin.json").then(user => {
-//       cy.login(user.username, user.password);
-//     });
-//     cy.collapseSidebar(true);
-//   });
-
-//   it('Successfully add new tag', () => {
-//     const ssPrefix = 'tag-operations-add-new-tag-'
-//     const tag = 'we';
-//     cy.visit('/');
-
-//     cy.get('#edit-tags-btn-wrapper-for-tooltip > a').click({force: true});
-//     cy.get('#edit-tag-modal').should('be.visible').screenshot(`${ssPrefix}1-edit-tag-input`);
-
-//     cy.get('#edit-tag-modal').within(() => {
-//       cy.get('.rbt-input-main').type(tag, {force: true});
-//       cy.get('#tag-typeahead-asynctypeahead').should('be.visible');
-//       cy.get('#tag-typeahead-asynctypeahead-item-0').should('be.visible');
-//       cy.screenshot(`${ssPrefix}2-type-tag-name`);
-//     });
-
-//     cy.get('#edit-tag-modal').within(() => {
-//       cy.get('#tag-typeahead-asynctypeahead').should('be.visible');
-//       cy.get('#tag-typeahead-asynctypeahead-item-0').should('be.visible');
-//       cy.get('a#tag-typeahead-asynctypeahead-item-0').click({force: true})
-//       cy.screenshot(`${ssPrefix}3-insert-tag-name`, {capture: 'viewport'});
-//     });
-
-//     cy.get('#edit-tag-modal').within(() => {
-//       cy.get('div.modal-footer > button').click();
-//     });
-
-//     cy.get('.toast').should('be.visible').trigger('mouseover');
-//     cy.get('.grw-taglabels-container > .grw-tag-labels > a', { timeout: 10000 }).contains(tag).should('exist');
-//     /* eslint-disable cypress/no-unnecessary-waiting */
-//     cy.wait(150); // wait for toastr to change its color occured by mouseover
-//     cy.screenshot(`${ssPrefix}4-click-done`, {capture: 'viewport'});
-
-//   });
-
-//   it('Successfully duplicate page by generated tag', () => {
-//     const ssPrefix = 'tag-operations-page-duplicate-';
-//     const tag = 'we';
-//     const newPageName = 'our';
-//     cy.visit('/');
-//     cy.get('.grw-taglabels-container > .grw-tag-labels > a', { timeout: 10000 }).contains(tag).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.screenshot(`${ssPrefix}1-click-tag-name`, {capture: 'viewport'});
-
-//     cy.getByTestid('open-page-item-control-btn').first().click({force: true});
-//     // eslint-disable-next-line cypress/no-unnecessary-waiting
-//     cy.wait(1500); // for wait rendering pagelist info
-//     cy.screenshot(`${ssPrefix}2-click-three-dots-menu`, {capture: 'viewport'});
-
-//     cy.getByTestid('open-page-duplicate-modal-btn').first().click({force: true});
-//     cy.getByTestid('page-duplicate-modal').should('be.visible');
-//     cy.getByTestid('page-duplicate-modal').within(() => {
-//       cy.get('.rbt-input-main').type(newPageName, {force: true});
-//     }).screenshot(`${ssPrefix}3-duplicate-page`, {capture: 'viewport'});
-
-//     cy.getByTestid('page-duplicate-modal').within(() => {
-//       cy.get('.modal-footer > button.btn').click();
-//     });
-//     cy.visit(`/${newPageName}`);
-//     // cy.getByTestid('wiki').should('exist');
-//     cy.screenshot(`${ssPrefix}4-duplicated-page`, {capture: 'viewport'});
-//   });
-
-//   it('Successfully rename page from generated tag', () => {
-//     const ssPrefix = 'tag-operations-page-rename-';
-//     const tag = 'we';
-//     const oldPageName = '/our';
-//     const newPageName = '/ourus';
-
-//     cy.visit('/');
-//     cy.get('.grw-taglabels-container > .grw-tag-labels > a', { timeout: 10000 }).contains(tag).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');
-//     // eslint-disable-next-line cypress/no-unnecessary-waiting
-//     cy.wait(300);
-//     cy.screenshot(`${ssPrefix}1-click-tag-name`, {capture: 'viewport'});
-
-//     cy.getByTestid('search-result-list').within(() => {
-//       cy.get('.list-group-item').each(($row) => {
-//         if($row.find('a').text() === oldPageName){
-//           cy.wrap($row).within(() => {
-//             cy.getByTestid('open-page-item-control-btn').first().click();
-//             cy.getByTestid('page-item-control-menu').should('have.class', 'show').first().within(() => {
-//               // empty sentence in page list empty: https://github.com/weseek/growi/pull/6880
-//               cy.getByTestid('revision-short-body-in-page-list-item-L').invoke('text', '');
-//               cy.screenshot(`${ssPrefix}2-open-page-item-control-menu`);
-//             })
-//           });
-//         }
-//       });
-//     });
-
-//     cy.getByTestid('search-result-list').within(() => {
-//       cy.get('.list-group-item').each(($row) => {
-//         if($row.find('a').text() === oldPageName){
-//           cy.wrap($row).within(() => {
-//             cy.getByTestid('open-page-move-rename-modal-btn').click({force: true});
-//           });
-//         }
-//       });
-//     });
-
-//     cy.getByTestid('page-rename-modal').should('be.visible').within(() => {
-//       cy.get('.rbt-input-main').clear().type(newPageName,{force: true});
-//     }).screenshot(`${ssPrefix}3-insert-new-page-name`);
-
-//     cy.getByTestid('page-rename-modal').should('be.visible').within(() => {
-//       cy.get('.modal-footer > button').click();
-//     });
-
-//     cy.visit(`/${newPageName}`);
-//     cy.getByTestid('grw-tag-labels').should('be.visible');
-//     cy.screenshot(`${ssPrefix}4-new-page-name-applied`, {capture: 'viewport'});
-//   });
-
-// });
+  it('Successfully add new tag', () => {
+    const ssPrefix = 'tag-operations-add-new-tag-'
+    const tag = 'we';
+    cy.visit('/');
+
+    cy.get('#edit-tags-btn-wrapper-for-tooltip > a').click({force: true});
+    cy.get('#edit-tag-modal').should('be.visible').screenshot(`${ssPrefix}1-edit-tag-input`);
+
+    cy.get('#edit-tag-modal').within(() => {
+      cy.get('.rbt-input-main').type(tag, {force: true});
+      cy.get('#tag-typeahead-asynctypeahead').should('be.visible');
+      cy.get('#tag-typeahead-asynctypeahead-item-0').should('be.visible');
+      cy.screenshot(`${ssPrefix}2-type-tag-name`);
+    });
+
+    cy.get('#edit-tag-modal').within(() => {
+      cy.get('#tag-typeahead-asynctypeahead').should('be.visible');
+      cy.get('#tag-typeahead-asynctypeahead-item-0').should('be.visible');
+      cy.get('a#tag-typeahead-asynctypeahead-item-0').click({force: true})
+      cy.screenshot(`${ssPrefix}3-insert-tag-name`, {capture: 'viewport'});
+    });
+
+    cy.get('#edit-tag-modal').within(() => {
+      cy.get('div.modal-footer > button').click();
+    });
+
+    cy.get('.toast').should('be.visible').trigger('mouseover');
+    cy.get('.grw-taglabels-container > .grw-tag-labels > a', { timeout: 10000 }).contains(tag).should('exist');
+    /* eslint-disable cypress/no-unnecessary-waiting */
+    cy.wait(150); // wait for toastr to change its color occured by mouseover
+    cy.screenshot(`${ssPrefix}4-click-done`, {capture: 'viewport'});
+
+  });
+
+  it('Successfully duplicate page by generated tag', () => {
+    const ssPrefix = 'tag-operations-page-duplicate-';
+    const tag = 'we';
+    const newPageName = 'our';
+    cy.visit('/');
+    cy.get('.grw-taglabels-container > .grw-tag-labels > a', { timeout: 10000 }).contains(tag).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.screenshot(`${ssPrefix}1-click-tag-name`, {capture: 'viewport'});
+
+    cy.getByTestid('open-page-item-control-btn').first().click({force: true});
+    // eslint-disable-next-line cypress/no-unnecessary-waiting
+    cy.wait(1500); // for wait rendering pagelist info
+    cy.screenshot(`${ssPrefix}2-click-three-dots-menu`, {capture: 'viewport'});
+
+    cy.getByTestid('open-page-duplicate-modal-btn').first().click({force: true});
+    cy.getByTestid('page-duplicate-modal').should('be.visible');
+    cy.getByTestid('page-duplicate-modal').within(() => {
+      cy.get('.rbt-input-main').type(newPageName, {force: true});
+    }).screenshot(`${ssPrefix}3-duplicate-page`, {capture: 'viewport'});
+
+    cy.getByTestid('page-duplicate-modal').within(() => {
+      cy.get('.modal-footer > button.btn').click();
+    });
+    cy.visit(`/${newPageName}`);
+    // cy.getByTestid('wiki').should('exist');
+    cy.screenshot(`${ssPrefix}4-duplicated-page`, {capture: 'viewport'});
+  });
+
+  it('Successfully rename page from generated tag', () => {
+    const ssPrefix = 'tag-operations-page-rename-';
+    const tag = 'we';
+    const oldPageName = '/our';
+    const newPageName = '/ourus';
+
+    cy.visit('/');
+    cy.get('.grw-taglabels-container > .grw-tag-labels > a', { timeout: 10000 }).contains(tag).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');
+    // eslint-disable-next-line cypress/no-unnecessary-waiting
+    cy.wait(300);
+    cy.screenshot(`${ssPrefix}1-click-tag-name`, {capture: 'viewport'});
+
+    cy.getByTestid('search-result-list').within(() => {
+      cy.get('.list-group-item').each(($row) => {
+        if($row.find('a').text() === oldPageName){
+          cy.wrap($row).within(() => {
+            cy.getByTestid('open-page-item-control-btn').first().click();
+            cy.getByTestid('page-item-control-menu').should('have.class', 'show').first().within(() => {
+              // empty sentence in page list empty: https://github.com/weseek/growi/pull/6880
+              cy.getByTestid('revision-short-body-in-page-list-item-L').invoke('text', '');
+              cy.screenshot(`${ssPrefix}2-open-page-item-control-menu`);
+            })
+          });
+        }
+      });
+    });
+
+    cy.getByTestid('search-result-list').within(() => {
+      cy.get('.list-group-item').each(($row) => {
+        if($row.find('a').text() === oldPageName){
+          cy.wrap($row).within(() => {
+            cy.getByTestid('open-page-move-rename-modal-btn').click({force: true});
+          });
+        }
+      });
+    });
+
+    cy.getByTestid('page-rename-modal').should('be.visible').within(() => {
+      cy.get('.rbt-input-main').clear().type(newPageName,{force: true});
+    }).screenshot(`${ssPrefix}3-insert-new-page-name`);
+
+    cy.getByTestid('page-rename-modal').should('be.visible').within(() => {
+      cy.get('.modal-footer > button').click();
+    });
+
+    cy.visit(`/${newPageName}`);
+    cy.getByTestid('grw-tag-labels').should('be.visible');
+    cy.screenshot(`${ssPrefix}4-new-page-name-applied`, {capture: 'viewport'});
+  });
+
+});