346999760: (feat) [GA4] Track CA Certificates (#607)

google · Jul 16, 2024 · 4df693c · 4df693c
1 parent e91c51f
commit 4df693c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git 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
@@ -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')}`
             );