@salesforcedevs/docs-components 0.6.0 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "0.6.0",
+    "version": "0.7.0",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -14,5 +14,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "58b06bc8a8006d832bb2e25999423404bee9e523"
+    "gitHead": "924c919f0e9214fffb628926b1ac0ad73f9304b7"
 }

package/src/modules/doc/header/__tests__/header.test.ts

@@ -11,14 +11,20 @@ import {
 } from "./mockProps";
 import Dropdown from "dx/dropdown";
 import { Option } from "typings/custom";
+import { track } from "dx/instrumentation";
 
 const EXPECTED_QUERY_TABLET = "(max-width: 980px)";
 const EXPECTED_QUERY_MOBILE = "(max-width: 880px)";
 const SMALL_MOBILE_MATCH = "(max-width: 740px)";
 
+jest.mock("dx/instrumentation");
+
 const TAG = "doc-header";
 const render = createRenderComponent(TAG, Header);
 
+const GTM_EVENT_NAME = "custEv_signUpClick";
+const SIGN_UP_LABEL = "Sign Up";
+
 const assertMediaMatchCalls = () => {
     expect(window.matchMedia).toBeCalledTimes(3);
     expect(window.matchMedia).toHaveBeenNthCalledWith(1, EXPECTED_QUERY_MOBILE);
@@ -84,6 +90,10 @@ describe(TAG, () => {
     });
 
     describe("desktop", () => {
+        afterEach(() => {
+            jest.clearAllMocks();
+        });
+
         it("renders", () => {
             const element = render();
             expect(element.headerHref).toBe("/");
@@ -282,6 +292,21 @@ describe(TAG, () => {
             expect(headerSearch).toBeNull();
             return expect(element).toBeAccessible();
         });
+
+        it("signup button track is beign called", () => {
+            const element = render(mockPropsDevelopers);
+
+            const button: HTMLElement = element.shadowRoot.querySelector(
+                "dx-button"
+            );
+
+            button.click();
+
+            expect(track).toBeCalledTimes(1);
+            expect(track).toBeCalledWith(button, GTM_EVENT_NAME, {
+                clickText: SIGN_UP_LABEL
+            });
+        });
     });
 
     describe("tablet", () => {

package/src/modules/doc/header/header.html

@@ -38,6 +38,7 @@
                         aria-label="Sign Up For Salesforce Developer Edition"
                         size="small"
                         href={signupLink}
+                        onclick={handleSignUpClick}
                     >
                         Sign Up
                     </dx-button>