add visual testing to cloud credentials and cluster manager

cypress/e2e/tests/pages/manager/cloud-credential.spec.ts

@@ -39,6 +39,7 @@ describe('Cloud Credential', { tags: ['@manager', '@adminUser'] }, () => {
 
   beforeEach(() => {
     cy.login();
+    cy.changeRancherTheme();
     HomePagePo.goTo(); // this is needed to ensure we have a valid authentication session
   });
 
@@ -54,14 +55,22 @@ describe('Cloud Credential', { tags: ['@manager', '@adminUser'] }, () => {
     cloudCredentialsPage.goTo();
     cloudCredentialsPage.waitForPage();
     cloudCredentialsPage.create();
+
+    // Ignoring the user profile picture
+    cy.hideElementBySelector('[data-testid="nav_header_showUserMenu"]');
+    // Ignoring the side navbar counters
+    cy.hideElementBySelector("[data-testid='type-count']");
+    // takes percy snapshot.
+    cy.percySnapshot('List of cloud credentials page');
     cloudCredentialsPage.createEditCloudCreds().waitForPage();
     cloudCredentialsPage.createEditCloudCreds().cloudServiceOptions().selectSubTypeByIndex(0).click();
     cloudCredentialsPage.createEditCloudCreds().waitForPage('type=aws');
 
     cloudCredentialsPage.createEditCloudCreds().accessKey().set(access);
     cloudCredentialsPage.createEditCloudCreds().secretKey().set(secret);
     cloudCredentialsPage.createEditCloudCreds().nameNsDescription().name().set(name);
-
+    // takes percy snapshot.
+    cy.percySnapshot('Cluster credential creation page');
     cloudCredentialsPage.createEditCloudCreds().nameNsDescription().name().value()
       .should('eq', name);
 

cypress/e2e/tests/pages/manager/cluster-manager.spec.ts

@@ -46,6 +46,7 @@ describe('Cluster Manager', { testIsolation: 'off', tags: ['@manager', '@adminUs
 
   before(() => {
     cy.login();
+    cy.changeRancherTheme();
   });
 
   // Revert commented out tests as part of https://github.com/rancher/dashboard/issues/15391
@@ -545,6 +546,16 @@ describe('Cluster Manager', { testIsolation: 'off', tags: ['@manager', '@adminUs
     const clusterList = new ClusterManagerListPagePo('_');
 
     clusterList.waitForPage();
+
+    // Ignoring the user profile picture
+    cy.hideElementBySelector('[data-testid="nav_header_showUserMenu"]');
+    // Ignoring the side navbar counters
+    cy.hideElementBySelector("[data-testid='type-count']");
+    // Ignoring machine and age counters
+    cy.hideElementBySelector("[class='col-machine-summary-graph']");
+    cy.hideElementBySelector("[class='col-live-date']");
+    // takes percy snapshot.
+    cy.percySnapshot('Cluster manager Local cluster');
   });
 
   describe('Cluster Details Page and Tabs', () => {

cypress/globals.d.ts

@@ -71,6 +71,7 @@ declare global {
       setupWebSocket: any;
       hideElementBySelector(text:string) :void;
       state(state: any): any;
+      changeRancherTheme(): Chainable<string>;
 
       login(username?: string, password?: string, cacheSession?: boolean, skipNavigation?: boolean, acceptConfirmation?: string): Chainable<Element>;
       logout(): Chainable;