Add Percy Page Screenshots (#3338)

* Add Percy Page Screenshots

* Add missing space

cypress/integration/data-source/create_data_source_spec.js

@@ -14,8 +14,5 @@ describe('Create Data Source', () => {
     cy.getByTestId('Database Name').type('postgres{enter}');
 
     cy.contains('Saved.');
-
-    cy.wait(1000);
-    cy.percySnapshot('Create Data Source page');
   });
 });

cypress/integration/percy/page_screenshots.js

@@ -0,0 +1,21 @@
+const pages = [
+  { name: 'Create Data Source - Types', url: '/data_sources/new' },
+  { name: 'Edit Data Source - PostgreSQL', url: '/data_sources/1' },
+  { name: 'Users', url: '/users' },
+  { name: 'Groups', url: '/groups' },
+  { name: 'Group', url: '/groups/1' },
+  { name: 'Create Destination - Types', url: '/destinations/new' },
+  { name: 'Organization Settings', url: '/settings/organization' },
+  { name: 'User Profile', url: '/users/me' },
+];
+
+describe('Percy Page Screenshots', () => {
+  pages.forEach((page) => {
+    it(`takes a screenshot of ${page.name}`, () => {
+      cy.login();
+      cy.visit(page.url);
+      cy.wait(1000);
+      cy.percySnapshot(page.name);
+    });
+  });
+});

cypress/integration/query/create_query_spec.js

@@ -16,6 +16,6 @@ describe('Create Query', () => {
     cy.getByTestId('ExecuteButton').click();
 
     cy.getByTestId('DynamicTable').should('exist');
-    cy.percySnapshot('Edit Query page');
+    cy.percySnapshot('Edit Query');
   });
 });

cypress/integration/user/login_spec.js

@@ -7,7 +7,7 @@ describe('Login', () => {
     cy.contains('h3', 'Login to Redash');
 
     cy.wait(1000);
-    cy.percySnapshot('Login page');
+    cy.percySnapshot('Login');
   });
 
   it('shows message on failed login', () => {