From 12ea34b2782bdc261e6164c35b4bed7ecc7e1512 Mon Sep 17 00:00:00 2001
From: Volha Mardvilka <mardvilka@google.com>
Date: Tue, 16 Jul 2024 08:32:53 +0000
Subject: [PATCH] 346999760: (feat) [GA4] Track CA Certificates

---
 .../certificates/certificates.store.spec.ts     | 17 +++++++++++++++++
 .../pages/certificates/certificates.store.ts    |  4 ++++
 2 files changed, 21 insertions(+)

diff --git a/modules/ui/src/app/pages/certificates/certificates.store.spec.ts b/modules/ui/src/app/pages/certificates/certificates.store.spec.ts
index 06e3accf6..5e66104e6 100644
--- a/modules/ui/src/app/pages/certificates/certificates.store.spec.ts
+++ b/modules/ui/src/app/pages/certificates/certificates.store.spec.ts
@@ -42,6 +42,8 @@ describe('CertificatesStore', () => {
       'uploadCertificate',
       'deleteCertificate',
     ]);
+    // @ts-expect-error data layer should be defined
+    window.dataLayer = window.dataLayer || [];
 
     TestBed.configureTestingModule({
       imports: [NoopAnimationsModule],
@@ -152,6 +154,21 @@ describe('CertificatesStore', () => {
             container
           );
         });
+
+        it('should send GA event "successful_saving_certificate"', () => {
+          const container = document.createElement('DIV');
+          container.classList.add('certificates-drawer-content');
+          document.querySelector('body')?.appendChild(container);
+          certificateStore.uploadCertificate(FILE);
+
+          expect(
+            // @ts-expect-error data layer should be defined
+            window.dataLayer.some(
+              (item: { event: string }) =>
+                item.event === 'successful_saving_certificate'
+            )
+          ).toBeTruthy();
+        });
       });
 
       describe('with invalid certificate file', () => {
diff --git a/modules/ui/src/app/pages/certificates/certificates.store.ts b/modules/ui/src/app/pages/certificates/certificates.store.ts
index 21f96eed0..610daeffb 100644
--- a/modules/ui/src/app/pages/certificates/certificates.store.ts
+++ b/modules/ui/src/app/pages/certificates/certificates.store.ts
@@ -97,6 +97,10 @@ export class CertificatesStore extends ComponentStore<AppComponentState> {
                 !certificates.some(cert => cert.name === certificate.name)
             )[0];
             this.updateCertificates(newCertificates);
+            // @ts-expect-error data layer is not null
+            window.dataLayer.push({
+              event: 'successful_saving_certificate',
+            });
             this.notify(
               `Certificate successfully added.\n${uploadedCertificate.name} by ${uploadedCertificate.organisation} valid until ${this.datePipe.transform(uploadedCertificate.expires, 'dd MMM yyyy')}`
             );