feat: VRT tag - rename page from generated tag

https://youtrack.weseek.co.jp/issue/GW-7740
- Add data-testid prop for rename button and new page name input
- Fix insert new page name
- Fix submit page rename
- Add visit  new page name ex: /ourus

packages/app/src/components/PageRenameModal.tsx

@@ -252,6 +252,7 @@ const PageRenameModal = (): JSX.Element => {
                     onChange={e => inputChangeHandler(e.target.value)}
                     required
                     autoFocus
+                    data-testid="new-page-name-input"
                   />
                 )}
             </form>
@@ -347,6 +348,7 @@ const PageRenameModal = (): JSX.Element => {
           className="btn btn-primary"
           onClick={rename}
           disabled={submitButtonDisabled}
+          data-testid="rename-page-button"
         >Rename
         </button>
       </ModalFooter>

packages/app/test/cypress/integration/7-tag/rename-page.spec.ts

@@ -22,8 +22,8 @@ context('Rename page from generated tag', () => {
 
   it('Rename page from generated tag', () => {
     const tag = 'we';
-    const oldPageName = 'our';
-    const newPageName = 'ourus';
+    const oldPageName = '/our';
+    const newPageName = '/ourus';
 
     // Visit home
     cy.visit('/');
@@ -50,20 +50,39 @@ context('Rename page from generated tag', () => {
     })
     cy.screenshot(`${ssPrefix}click-three-dots-menu`, {capture: 'viewport'});
 
-    // Rename page
-    cy.getByTestid('move-page').click({force: true});
+    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('move-page').click({force: true});
+            cy.wait(1500);
+          });
+        }
+      });
+    });
 
-    cy.wait(1500);
+    // Rename page
     cy.get('.grw-rename-page').should('be.visible');
     cy.get('.grw-rename-page').within(() => {
-      cy.get('input[class="rbt-input-main"]').clear({force: true});
-      cy.get('input[class="rbt-input-main"]').type(`/${newPageName}`, {force: true});
+      cy.getByTestid('new-page-name-input').clear({force: true})
+      cy.getByTestid('new-page-name-input').click().focused().type(newPageName, {force: true})
+      .should('have.value', newPageName);
 
     });
     cy.screenshot(`${ssPrefix}insert-new-page-name`, {capture: 'viewport'});
-  });
 
+    // Submit new name
+    cy.get('.grw-rename-page').within(() => {
+      cy.getByTestid('new-page-name-input').click({force: true});
+      cy.getByTestid('rename-page-button').click({force: true})
+      cy.wait(1500);
+    });
+    cy.screenshot(`${ssPrefix}new-page-name-applied`, {capture: 'viewport'});
 
+    //Visit /ourus
+    cy.visit(newPageName);
+    cy.screenshot(`${ssPrefix}visit-ourus-page`, {capture: 'viewport'});
+  });