Improve VRT for tag operations

https://youtrack.weseek.co.jp/issue/GW-7740
- Remove page order by tags
- Fix not visible dropdown menu on screenshot
- Update screenshot naming
- Update screenshot capture mode for some screenshot

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

@@ -155,24 +155,22 @@ context('Tag Oprations', () =>{
     const ssPrefix = 'tag-operations-add-new-tag-'
     const tag = 'we';
     cy.visit('/');
-    cy.screenshot(`${ssPrefix}click-plus-button`, {capture: 'viewport'});
 
     cy.get('#edit-tags-btn-wrapper-for-tooltip > a').click({force: true});
-    cy.get('#edit-tag-modal').should('be.visible');
-    cy.screenshot(`${ssPrefix}edit-tag-input`, {capture: 'viewport'});
+    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}type-tag-name`, {capture: 'viewport'});
+      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}insert-tag-name`, {capture: 'viewport'});
+      cy.screenshot(`${ssPrefix}3-insert-tag-name`, {capture: 'viewport'});
     });
 
     cy.get('#edit-tag-modal').within(() => {
@@ -181,7 +179,7 @@ context('Tag Oprations', () =>{
 
     cy.get('.grw-taglabels-container > form > a').contains(tag).should('exist');
 
-    cy.screenshot(`${ssPrefix}click-done`, {capture: 'viewport'});
+    cy.screenshot(`${ssPrefix}4-click-done`, {capture: 'viewport'});
 
   });
 
@@ -194,24 +192,24 @@ context('Tag Oprations', () =>{
     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.screenshot(`${ssPrefix}click-tag-name`, {capture: 'viewport'});
+    cy.screenshot(`${ssPrefix}1-click-tag-name`, {capture: 'viewport'});
 
-    cy.getByTestid('open-page-item-control-btn').first().click({force: true});
-    cy.screenshot(`${ssPrefix}click-three-dots-menu`, {capture: 'viewport'});
+    cy.getByTestid('open-page-item-control-btn').first().click();
+    cy.get('.dropdown-menu.dropdown-menu-right.show').should('be.visible');
+    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});
-    });
-    cy.screenshot(`${ssPrefix}duplicate-page`, {capture: 'viewport'});
+    }).screenshot(`${ssPrefix}3-duplicate-page`, {capture: 'viewport'});
 
     cy.getByTestid('page-duplicate-modal').within(() => {
       cy.get('.modal-footer > button.btn').click();
     });
     cy.visit(`/${newPageName}`);
     cy.get('#wiki').should('not.be.empty');
-    cy.screenshot(`${ssPrefix}duplicated-page`, {capture: 'viewport'});
+    cy.screenshot(`${ssPrefix}4-duplicated-page`, {capture: 'viewport'});
   });
 
   it('Successfully rename page from generated tag', () => {
@@ -225,24 +223,24 @@ context('Tag Oprations', () =>{
     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.screenshot(`${ssPrefix}click-tag-name`, {capture: 'viewport'});
+    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').click({force: true});
+            cy.getByTestid('open-page-item-control-btn').click();
           });
         }
       });
     });
-    cy.screenshot(`${ssPrefix}click-three-dots-menu`, {capture: 'viewport'});
+    cy.screenshot(`${ssPrefix}2-click-three-dots-menu`, {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-move-rename-modal-btn').click({force: true});
+            cy.getByTestid('open-page-move-rename-modal-btn').click();
           });
         }
       });
@@ -252,56 +250,14 @@ context('Tag Oprations', () =>{
       cy.get('.rbt-input-main').clear({force: true})
       cy.get('.rbt-input-main').click().focused().type(newPageName, {force: true})
       .should('have.value', newPageName);
-    });
-    cy.screenshot(`${ssPrefix}insert-new-page-name`, {capture: 'viewport'});
+    }).screenshot(`${ssPrefix}3-insert-new-page-name`);
 
     cy.getByTestid('page-rename-modal').should('be.visible').within(() => {
-      cy.get('.modal-footer > button').click();
+      cy.getByTestid('rename-page-button').click();
     });
 
     cy.visit(`/${newPageName}`);
-    cy.screenshot(`${ssPrefix}new-page-name-applied`, {capture: 'viewport'});
+    cy.screenshot(`${ssPrefix}4-new-page-name-applied`, {capture: 'viewport'});
   });
 
-  it('Successfully order pages with tag', () => {
-    const ssPrefix = 'tag-operations-tag-order-';
-    const tag = 'we';
-
-    cy.visit('/');
-    cy.get('.grw-taglabels-container > form > a').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.screenshot(`${ssPrefix}click-tag-name`, {capture: 'viewport'});
-
-    cy.get('.grw-search-page-nav').within(() => {
-      cy.get('button.dropdown-toggle').first().click({force: true});
-      cy.get('.dropdown-menu-right').should('be.visible');
-      cy.get('.dropdown-menu-right > 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.screenshot(`${ssPrefix}by-relevance`);
-
-    cy.get('.grw-search-page-nav').within(() => {
-      cy.get('button.dropdown-toggle').first().click({force: true});
-      cy.get('.dropdown-menu-right').should('be.visible');
-      cy.get('.dropdown-menu-right > 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.screenshot(`${ssPrefix}by-creation-date`);
-
-    cy.get('.grw-search-page-nav').within(() => {
-      cy.get('button.dropdown-toggle').first().click({force: true});
-      cy.get('.dropdown-menu-right').should('be.visible');
-      cy.get('.dropdown-menu-right > 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.screenshot(`${ssPrefix}by-last-update-date`);
-  });
 });