Add visual regression tests for dashboard page (#17376)

frontend/test/metabase-visual/dashboard/filter-sidebar.cy.spec.js

+import { restore } from "__support__/e2e/cypress";
+import { SAMPLE_DATASET } from "__support__/e2e/cypress_sample_dataset";
+
+const { ORDERS_ID } = SAMPLE_DATASET;
+
+const questionDetails = {
+  query: { "source-table": ORDERS_ID },
+};
+
+describe("visual tests > dashboard > filter sidebar", () => {
+  beforeEach(() => {
+    restore();
+    cy.signInAsAdmin();
+
+    cy.createQuestionAndDashboard({ questionDetails }).then(
+      ({ body: { card_id, dashboard_id } }) => {
+        cy.visit(`/dashboard/${dashboard_id}`);
+      },
+    );
+  });
+
+  it("renders correctly", () => {
+    openFilterSidebar();
+
+    cy.findByText("Label");
+
+    cy.percySnapshot();
+  });
+});
+
+function openFilterSidebar() {
+  cy.icon("pencil").click();
+  cy.icon("filter").click();
+  cy.findByText("Time").click();
+  cy.findByText("Month and Year").click();
+}

frontend/test/metabase-visual/dashboard/fullscreen.cy.spec.js

+import { restore } from "__support__/e2e/cypress";
+import { SAMPLE_DATASET } from "__support__/e2e/cypress_sample_dataset";
+
+const { PRODUCTS, PRODUCTS_ID } = SAMPLE_DATASET;
+
+const questionDetails = {
+  query: { "source-table": PRODUCTS_ID },
+};
+
+const filter = {
+  name: "Category",
+  slug: "category",
+  id: "ad1c877e",
+  type: "category",
+};
+
+describe("visual tests > dashboard > fullscreen", () => {
+  beforeEach(() => {
+    restore();
+    cy.signInAsAdmin();
+
+    cy.createQuestionAndDashboard({ questionDetails }).then(
+      ({ body: { id, card_id, dashboard_id } }) => {
+        cy.addFilterToDashboard({ filter, dashboard_id });
+
+        // Connect filter to the card
+        cy.request("PUT", `/api/dashboard/${dashboard_id}/cards`, {
+          cards: [
+            {
+              id,
+              card_id,
+              row: 0,
+              col: 0,
+              sizeX: 12,
+              sizeY: 9,
+              visualization_settings: {},
+              parameter_mappings: [
+                {
+                  parameter_id: "ad1c877e",
+                  card_id,
+                  target: ["dimension", ["field-id", PRODUCTS.CATEGORY]],
+                },
+              ],
+            },
+          ],
+        });
+
+        cy.visit(`/dashboard/${dashboard_id}`);
+      },
+    );
+  });
+
+  it("renders in day mode and night mode", () => {
+    cy.icon("expand").click();
+
+    cy.icon("moon");
+
+    cy.percySnapshot("day");
+
+    cy.icon("moon").click();
+
+    cy.icon("sun");
+
+    cy.percySnapshot("night");
+  });
+});