FORMS-8279 - Add datalayer support in aem-project-archetype form temp…

…late
adobe · Apr 28, 2023 · 9eb9ea3 · 9eb9ea3
1 parent 44c8ee0
commit 9eb9ea3
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 0 deletions.
diff --git a/...c/main/content/jcr_root/apps/__appId__/components/adaptiveForm/page/customfooterlibs.html b/...c/main/content/jcr_root/apps/__appId__/components/adaptiveForm/page/customfooterlibs.html
@@ -25,3 +25,8 @@
     #end
     <sly data-sly-test="${symbol_dollar}{!wcmmode.edit}" data-sly-call="${symbol_dollar}{clientlib.js @ categories='core.forms.components.runtime.all', async=true}"/>
 </sly>
+#if ( $datalayer == "y")
+<sly data-sly-use.page="com.adobe.cq.wcm.core.components.models.Page">
+    <sly data-sly-test="${symbol_dollar}{page.data && page.dataLayerClientlibIncluded}" data-sly-call="${symbol_dollar}{ clientlib.js @ categories='core.forms.components.commons.v1.datalayer', async=true}"></sly>
+</sly>
+#end
diff --git a/src/main/archetype/ui.tests/test-module/specs/aem/forms.js b/src/main/archetype/ui.tests/test-module/specs/aem/forms.js
@@ -295,4 +295,34 @@ describe('AEM Forms OOTB Content Tests', () => {
         });
     });
 
+    describe('DataLayer testing', () => {
+        const templatePath = '/conf/myformtemplate/settings/wcm/templates/blank-af-v2';
+        it('Verify dataLayer for v2 template ' + templatePath, async function () {
+            await browser.url(`${aem.author.base_url}/${templatePath}/initial.html?wcmmode=disabled`);
+            let isDataLayerVerificationSuccessful = true;
+            const updateSuccessStatus = (status) => {
+                isDataLayerVerificationSuccessful = status && isDataLayerVerificationSuccessful;
+                if(!isDataLayerVerificationSuccessful){
+                    return false;
+                }
+            };
+            await browser.waitUntil(async function () {
+                const dataLayer = await browser.execute(function () {
+                    return window.adobeDataLayer; // eslint-disable-line
+                });
+                return dataLayer !== undefined;
+            },
+            {
+                timeout: 20000, //20secs
+                timeoutMsg: 'Instance slow! datalayer could not be loaded!'
+            });
+            let dataLayerState = await browser.execute('return window.adobeDataLayer.getState()');
+            updateSuccessStatus(dataLayerState);
+            const dataLayerKeys = Object.keys(dataLayerState);
+            updateSuccessStatus(dataLayerKeys.length > 0 );
+            updateSuccessStatus(dataLayerKeys.includes('page') );
+            return isDataLayerVerificationSuccessful;
+        });
+    });
+
 });