Create a new test id (save-page-btn)

packages/app/src/components/SavePageControls.jsx

@@ -117,7 +117,7 @@ class SavePageControls extends React.Component {
         }
 
         <UncontrolledButtonDropdown direction="up">
-          <Button id="caret" color="primary" className="btn-submit" onClick={this.save}>{labelSubmitButton}</Button>
+          <Button data-testid="save-page-btn" id="caret" color="primary" className="btn-submit" onClick={this.save}>{labelSubmitButton}</Button>
           <DropdownToggle caret color="primary" />
           <DropdownMenu right>
             <DropdownItem onClick={this.saveAndOverwriteScopesOfDescendants}>

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

@@ -53,7 +53,7 @@ context('Modal for page operation', () => {
       cy.getByTestid('btn-create-memo').click();
     });
     cy.getByTestid('page-editor').should('be.visible');
-    cy.get('.dropup > .btn-submit').click();
+    cy.getByTestid('save-page-btn').click();
     cy.get('body').should('not.have.class', 'on-edit');
 
     cy.get('.grw-subnav').should('be.visible');
@@ -70,7 +70,7 @@ context('Modal for page operation', () => {
       cy.getByTestid('btn-create-page-under-below').click();
     });
     cy.getByTestid('page-editor').should('be.visible');
-    cy.get('.dropup > .btn-submit').click();
+    cy.getByTestid('btn-submit').click();
     cy.get('body').should('not.have.class', 'on-edit');
 
     cy.get('.grw-subnav').should('be.visible');

packages/app/test/cypress/integration/50-sidebar/access-to-side-bar.spec.ts

@@ -52,7 +52,7 @@ context('Access to sidebar', () => {
     cy.get('.grw-sidebar-content-header.h5').find('a').click();
     cy.get('.CodeMirror textarea').type(content, {force: true});
     cy.screenshot(`${ssPrefix}custom-sidebar-2-custom-sidebar-editor`);
-    cy.get('.dropup > .btn-submit').click();
+    cy.getByTestid('btn-submit').click();
     cy.get('body').should('not.have.class', 'on-edit');
 
     // What to do when UserUISettings is not saved in time