diff --git a/frontend-new/public/google-logo.svg b/frontend-new/public/google-logo.svg new file mode 100644 index 000000000..843ba0000 --- /dev/null +++ b/frontend-new/public/google-logo.svg @@ -0,0 +1,101 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + diff --git a/frontend-new/src/consent/components/consentPage/Consent.tsx b/frontend-new/src/consent/components/consentPage/Consent.tsx index ceccc3642..cb21f2439 100644 --- a/frontend-new/src/consent/components/consentPage/Consent.tsx +++ b/frontend-new/src/consent/components/consentPage/Consent.tsx @@ -42,6 +42,8 @@ export const DATA_TEST_ID = { ACCEPT_CHECKBOX_TEXT: `consent-accept-consent-text-${uniqueId}`, ACCEPT_TERMS_AND_CONDITIONS_TEXT: `consent-accept-tc-text-${uniqueId}`, ACCEPT_TERMS_AND_CONDITIONS_CHECKBOX_CONTAINER: `consent-accept-tc-checkbox-container-${uniqueId}`, + SUPPORT_CONTAINER: `consent-support-container-${uniqueId}`, + GOOGLE_LOGO: `consent-google-logo-${uniqueId}`, }; const Consent: React.FC = () => { @@ -152,11 +154,17 @@ const Consent: React.FC = () => { return ( - + { + + With support from + Google Logo +
+
+

+ With support from +

+ Google Logo +
`; diff --git a/frontend-new/src/consent/components/consentPage/consent.test.tsx b/frontend-new/src/consent/components/consentPage/consent.test.tsx index 96f92baaa..ba4d9bc4f 100644 --- a/frontend-new/src/consent/components/consentPage/consent.test.tsx +++ b/frontend-new/src/consent/components/consentPage/consent.test.tsx @@ -100,6 +100,12 @@ describe("Testing Consent Page", () => { expect(screen.getByTestId(DATA_TEST_ID.ACCEPT_CHECKBOX_CONTAINER)).toBeInTheDocument(); expect(screen.getByTestId(DATA_TEST_ID.ACCEPT_TERMS_AND_CONDITIONS_TEXT)).toBeInTheDocument(); + // AND the support container should be rendered + expect(screen.getByTestId(DATA_TEST_ID.SUPPORT_CONTAINER)).toBeInTheDocument(); + + // AND the Google logo should be rendered + expect(screen.getByTestId(DATA_TEST_ID.GOOGLE_LOGO)).toBeInTheDocument(); + // AND the component should match the snapshot expect(screen.getByTestId(DATA_TEST_ID.CONSENT_CONTAINER)).toMatchSnapshot(); });