Cypress: add selectors

[vferraro-scottlogic]

Background

Current selectors are based on classnames. These should be a last resort if the framework doesn't provide other selectors. A combination of Cypress & Testing Library gives support for better selectors (like aria attributes). We should use these.

In Scope:

• SaveLayoutDialog
• LayoutList
• Layout menu
  • save layout option
  • rename
  • title input
• LeftNav options

Work Required

• Add selectors to elements in scope which are used for the e2e test

Notes

We should consider implementing some kind of testing design pattern, like POM (Page Object Model), to encapsulate different parts of the application
E.g. rather than screenshot.cy.js defining all of the locators relevant to it, we have locators defined for each section/page of the application, which can then be used in any tests which rely on that page/section

Useful Links

https://www.testim.io/blog/end-to-end-testing-best-practices/
https://www.testim.io/blog/end-to-end-testing-guide/
https://www.lambdatest.com/learning-hub/end-to-end-testing