Attempt to fix cypress test

Author: Marco Segreto

app/javascript/ui/roles/RolesAdd.js

@@ -484,6 +484,7 @@ class RolesAdd extends React.Component {
         </Row>
         <FormActionsContainer style={{ paddingBottom: '0' }}>
           <Button
+            data-cy="Button"
             onClick={this.confirmSave}
             disabled={this.selectedUsers.length === 0}
           >

cypress/support/step_definitions/when.js

@@ -61,7 +61,7 @@ When('I choose a link item from the submission box', () => {
 // Sharing collections
 // ----------------------
 When('I click the form add button in the collection sharing modal', () => {
-  cy.locateDataOrClass('.FormButton').click({ force: true })
+  cy.locate('Button').click({ force: true })
   cy.wait('@apiInviteUserToCollection')
   cy.wait('@apiSearchUsersAndGroups')
   cy.wait('@apiSearchUsersAndGroups')
@@ -86,7 +86,7 @@ When('I click a sample group', () => {
 })
 
 When('I click the form add button in the group sharing modal', () => {
-  cy.locateDataOrClass('.FormButton').click({ force: true })
+  cy.locate('Button').click({ force: true })
   cy.wait('@apiInviteUserToGroup')
   cy.wait('@apiSearchUsersAndGroups')
   cy.wait('@apiSearchUsersAndGroups')

styleguide.config.js

@@ -62,10 +62,10 @@ module.exports = {
         {
           rel: 'stylesheet',
           href:
-            'https://d2yp1lwhqo78df.cloudfront.net/assets/application-e76695f8303afddec6a82969f396f1657d3d42393f6c36d3bbf5f16c3d054ddf.css'
-        }
-      ]
-    }
+            'https://d2yp1lwhqo78df.cloudfront.net/assets/application-e76695f8303afddec6a82969f396f1657d3d42393f6c36d3bbf5f16c3d054ddf.css',
+        },
+      ],
+    },
   },
   serverPort: 8000,
   webpackConfig,