LJ-458-FE-Consent-reporting-page-initial-UI (#5839)

Author: lucanovera

CHANGELOG.md

@@ -26,6 +26,7 @@ Changes can also be flagged with a GitHub label for tracking purposes. The URL o
 
 ### Added
 - Fides GTM & event origination [#5821](https://github.com/ethyca/fides/pull/5821)
+- Added a consent reporting table and consent lookup feature [#5839](https://github.com/ethyca/fides/pull/5839)
 
 ### Fixed
 - Addressed TCModel console error when opting into some purposes [#5850](https://github.com/ethyca/fides/pull/5850)

clients/admin-ui/cypress/e2e/consent-reporting.cy.ts

@@ -40,7 +40,7 @@ describe("Consent reporting", () => {
     });
   });
 
-  describe("downloading reports", () => {
+  describe("results view and download report", () => {
     beforeEach(() => {
       stubPlus(true, {
         core_fides_version: "1.9.6",
@@ -70,10 +70,80 @@ describe("Consent reporting", () => {
         url: "/api/v1/plus/consent_reporting*",
         method: "GET",
       }).as("getConsentReport");
-      cy.getByTestId("input-from-date").type("2023-11-01");
-      cy.getByTestId("input-to-date").type("2023-11-07");
+      cy.getByTestId("input-date-range").first().type("2023-11-01");
+      cy.getByTestId("input-date-range").last().type("2023-11-07");
       cy.getByTestId("download-btn").click();
+      cy.getByTestId("download-report-btn").click();
       cy.wait("@getConsentReport");
     });
+    it("can lookup specific consent preferences", () => {
+      cy.intercept({
+        url: "/api/v1/current-privacy-preferences*",
+        method: "GET",
+      }).as("lookupConsentPreferences");
+      cy.getByTestId("consent-reporting-dropdown-btn").click();
+      cy.getByTestId("consent-preference-lookup-btn").click();
+      cy.getByTestId("subject-search-input").type("[email protected]{enter}");
+      cy.wait("@lookupConsentPreferences").then((interception) => {
+        const { url: requestUrl } = interception.request;
+        let url = new URL(requestUrl);
+        let params = new URLSearchParams(url.search);
+        expect(params.get("email")).to.equal("[email protected]");
+        expect(params.get("phone_number")).to.equal("[email protected]");
+        expect(params.get("fides_user_device_id")).to.equal("[email protected]");
+        expect(params.get("external_id")).to.equal("[email protected]");
+      });
+    });
+    it("loads the consent report table without date filters", () => {
+      cy.intercept(
+        {
+          url: "/api/v1/historical-privacy-preferences*",
+          method: "GET",
+        },
+        {
+          fixture: "consent-reporting/historical-privacy-preferences.json",
+        },
+      ).as("getConsentReport");
+
+      cy.wait("@getConsentReport").then((interception) => {
+        const { url: requestUrl } = interception.request;
+        let url = new URL(requestUrl);
+        let params = new URLSearchParams(url.search);
+        expect(params.get("request_timestamp_gt")).to.be.null;
+        expect(params.get("request_timestamp_lt")).to.be.null;
+      });
+
+      cy.getByTestId("fidesTable-body").children().should("have.length", 22);
+    });
+    it("loads the consent report table with date filters", () => {
+      cy.intercept(
+        {
+          url: "/api/v1/historical-privacy-preferences*",
+          method: "GET",
+        },
+        {
+          fixture: "consent-reporting/historical-privacy-preferences.json",
+        },
+      ).as("getConsentReport");
+
+      cy.wait("@getConsentReport");
+
+      cy.getByTestId("input-date-range").first().type("2023-11-01");
+      cy.getByTestId("input-date-range").last().type("2023-11-07{enter}");
+
+      cy.wait("@getConsentReport").then((interception) => {
+        const { url: requestUrl } = interception.request;
+        let url = new URL(requestUrl);
+        let params = new URLSearchParams(url.search);
+        expect(params.get("request_timestamp_gt")).to.equal(
+          "2023-11-01T00:00:00.000Z",
+        );
+        expect(params.get("request_timestamp_lt")).to.equal(
+          "2023-11-07T23:59:59.999Z",
+        );
+      });
+
+      cy.getByTestId("fidesTable-body").children().should("have.length", 22);
+    });
   });
 });