@salesforcedevs/sfdocs-e2e 1.0.7-liquid-alpha → 1.0.7-liquid-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforcedevs/sfdocs-e2e",
-  "version": "1.0.7-liquid-alpha",
+  "version": "1.0.7-liquid-alpha.2",
   "description": "E2E test suite for SFDocs static portal pages (SSG)",
   "license": "ISC",
   "bin": {

package/src/shared/specs/liquid-advanced.test.ts

@@ -0,0 +1,71 @@
+import GuidePage from '../pageobjects/guide.page';
+
+let page: GuidePage;
+let liquidEnabled = false;
+
+describe('Liquid Template Rendering — Advanced', () => {
+    before(async () => {
+        try {
+            page = new GuidePage('/docs/liquid-project/guide/liquid-quickstart.html');
+            await browser.url(page.path);
+            await page.waitPageLoad();
+
+            const content = await $('>>>doc-content-layout');
+            const text = await content.getText();
+
+            liquidEnabled = text.includes('Hello from data.yaml');
+        } catch (e) {
+            liquidEnabled = false;
+        }
+    });
+
+    beforeEach(async () => {
+        if (liquidEnabled) {
+            page = new GuidePage('/docs/liquid-project/guide/liquid-quickstart.html');
+            await browser.url(page.path);
+            await page.waitPageLoad();
+        }
+    });
+
+    it('Should render repository-level variables from content-config.yml', async function () {
+        if (!liquidEnabled) {
+            this.skip();
+        }
+
+        const content = await $('>>>doc-content-layout');
+        const text = await content.getText();
+        const html = await content.getHTML();
+
+        expect(text.includes('Salesforce Platform')).toBeTruthy();
+        expect(text.includes('62.0')).toBeTruthy();
+        expect(text.includes('sf')).toBeTruthy();
+        expect(html.includes('{{ variables.platform')).toBeFalsy();
+    });
+
+    it('Should render future block content when previewFuture is enabled', async function () {
+        if (!liquidEnabled) {
+            this.skip();
+        }
+
+        const content = await $('>>>doc-content-layout');
+        const text = await content.getText();
+
+        expect(text.includes('Coming Soon')).toBeTruthy();
+    });
+
+    it('Should render the future topic page when previewFuture is enabled', async function () {
+        if (!liquidEnabled) {
+            this.skip();
+        }
+
+        const futurePage = new GuidePage('/docs/liquid-project/guide/future-topic.html');
+        await browser.url(futurePage.path);
+        await futurePage.waitPageLoad();
+
+        const content = await $('>>>doc-content-layout');
+        const text = await content.getText();
+
+        expect(text.includes('Future Feature')).toBeTruthy();
+        expect(text.includes('previewFuture')).toBeTruthy();
+    });
+});

package/src/shared/specs/liquid.test.ts

@@ -7,26 +7,13 @@ describe('Liquid Template Rendering', () => {
     before(async () => {
         try {
             page = new GuidePage('/docs/liquid-project/guide/liquid-quickstart.html');
-            page.open();
+            await browser.url(page.path);
             await page.waitPageLoad();
 
             const content = await $('>>>doc-content-layout');
             const text = await content.getText();
-            const html = await content.getHTML();
-
-            const hasLiquidOutput = text.includes('Hello from data.yaml');
-            const hasRawSyntax =
-                html.includes('{{ data.greeting }}') ||
-                html.includes('{{ topic }}') ||
-                (html.includes('{{') && html.includes('{%'));
-
-            if (hasRawSyntax) {
-                liquidEnabled = false;
-            } else if (hasLiquidOutput) {
-                liquidEnabled = true;
-            } else {
-                liquidEnabled = false;
-            }
+
+            liquidEnabled = text.includes('Hello from data.yaml');
         } catch (e) {
             liquidEnabled = false;
         }
@@ -35,7 +22,7 @@ describe('Liquid Template Rendering', () => {
     beforeEach(async () => {
         if (liquidEnabled) {
             page = new GuidePage('/docs/liquid-project/guide/liquid-quickstart.html');
-            page.open();
+            await browser.url(page.path);
             await page.waitPageLoad();
         }
     });
@@ -50,10 +37,6 @@ describe('Liquid Template Rendering', () => {
 
         expect(text.includes('GitHub for writers')).toBeTruthy();
         expect(text.includes('Hello from data.yaml')).toBeTruthy();
-
-        const html = await content.getHTML();
-        expect(html.includes('{{ topic }}')).toBeFalsy();
-        expect(html.includes('{{ data.greeting }}')).toBeFalsy();
     });
 
     it('Should render included templates from shared directory', async function () {
@@ -76,19 +59,14 @@ describe('Liquid Template Rendering', () => {
         }
 
         const content = await $('>>>doc-content-layout');
-        const html = await content.getHTML();
         const text = await content.getText();
 
-        expect(text.includes('create()')).toBeTruthy();
-        expect(text.includes('query()')).toBeTruthy();
-        expect(text.includes('update()')).toBeTruthy();
+        expect(text.includes('AccountId')).toBeTruthy();
+        expect(text.includes('Type:')).toBeTruthy();
+        expect(text.includes('Properties:')).toBeTruthy();
 
         const listItems = await content.$$('li');
         expect(listItems.length).toBeGreaterThan(5);
-
-        expect(html.includes('{% for')).toBeFalsy();
-        expect(html.includes('{%- for')).toBeFalsy();
-        expect(html.includes('{% endfor')).toBeFalsy();
     });
 
     it('Should not process Liquid syntax inside code blocks', async function () {
@@ -97,15 +75,14 @@ describe('Liquid Template Rendering', () => {
         }
 
         const content = await $('>>>doc-content-layout');
-        const html = await content.getHTML();
-        const codeBlock = await content.$('code');
+        const codeBlock = await content.$('dx-code-block');
 
         expect(await codeBlock.isExisting()).toBeTruthy();
 
-        const codeHtml = await codeBlock.getHTML();
-        expect(codeHtml.includes('{{ data.greeting }}')).toBeTruthy();
-        expect(codeHtml.includes('{{ topic }}')).toBeTruthy();
-        expect(codeHtml.includes('{% for item in items %}')).toBeTruthy();
+        const codeBlockAttr = await codeBlock.getAttribute('code-block');
+        expect(codeBlockAttr.includes('{{ data.greeting }}')).toBeTruthy();
+        expect(codeBlockAttr.includes('{{ topic }}')).toBeTruthy();
+        expect(codeBlockAttr.includes('{% for item in items %}')).toBeTruthy();
 
         const text = await content.getText();
         expect(text.includes('Visit')).toBeTruthy();
@@ -131,21 +108,6 @@ describe('Liquid Template Rendering', () => {
         expect(html.includes('{{ id2 }}')).toBeFalsy();
     });
 
-    it('Should render repository-level variables from content-config.yml', async function () {
-        if (!liquidEnabled) {
-            this.skip();
-        }
-
-        const content = await $('>>>doc-content-layout');
-        const text = await content.getText();
-        const html = await content.getHTML();
-
-        expect(text.includes('Salesforce Platform')).toBeTruthy();
-        expect(text.includes('62.0')).toBeTruthy();
-        expect(text.includes('sf')).toBeTruthy();
-        expect(html.includes('{{ variables.platform')).toBeFalsy();
-    });
-
     it('Should render englishonly block content in production', async function () {
         if (!liquidEnabled) {
             this.skip();
@@ -160,20 +122,6 @@ describe('Liquid Template Rendering', () => {
         expect(html.includes('{% endenglishonly')).toBeFalsy();
     });
 
-    it('Should render future block content when previewFuture is enabled', async function () {
-        if (!liquidEnabled) {
-            this.skip();
-        }
-
-        const content = await $('>>>doc-content-layout');
-        const text = await content.getText();
-        const html = await content.getHTML();
-
-        expect(text.includes('Coming Soon')).toBeTruthy();
-        expect(html.includes('{% future')).toBeFalsy();
-        expect(html.includes('{% endfuture')).toBeFalsy();
-    });
-
     it('Should render liquid.data string format — single YAML file on root context', async function () {
         if (!liquidEnabled) {
             this.skip();
@@ -181,10 +129,8 @@ describe('Liquid Template Rendering', () => {
 
         const content = await $('>>>doc-content-layout');
         const text = await content.getText();
-        const html = await content.getHTML();
 
         expect(text.includes('Hello from data.yaml')).toBeTruthy();
-        expect(html.includes('{{ data.greeting }}')).toBeFalsy();
     });
 
     it('Should render liquid.data object format — multiple YAML files each under a named key', async function () {
@@ -192,43 +138,26 @@ describe('Liquid Template Rendering', () => {
             this.skip();
         }
 
-        const dataFormatsPage = new GuidePage('/docs/redirects/guide/orders-api-overview.html');
-        dataFormatsPage.open();
-        await dataFormatsPage.waitPageLoad();
+        const multiDataPage = new GuidePage('/docs/liquid-project/guide/multi-data.html');
+        await browser.url(multiDataPage.path);
+        await multiDataPage.waitPageLoad();
 
         const content = await $('>>>doc-content-layout');
         const text = await content.getText();
         const html = await content.getHTML();
 
         expect(text.includes('Sample data file to check the multi-include')).toBeTruthy();
-        expect(text.includes('Represents a scheduled or completed visit')).toBeTruthy();
         expect(html.includes('{{ two.summary }}')).toBeFalsy();
         expect(html.includes('{{ data.one.summary }}')).toBeFalsy();
     });
 
-    it('Should render the future topic page when previewFuture is enabled', async function () {
-        if (!liquidEnabled) {
-            this.skip();
-        }
-
-        const futurePage = new GuidePage('/docs/liquid-project/guide/future-topic.html');
-        futurePage.open();
-        await futurePage.waitPageLoad();
-
-        const content = await $('>>>doc-content-layout');
-        const text = await content.getText();
-
-        expect(text.includes('Future Feature')).toBeTruthy();
-        expect(text.includes('previewFuture')).toBeTruthy();
-    });
-
     it('Should render the englishonly topic page', async function () {
         if (!liquidEnabled) {
             this.skip();
         }
 
         const englishOnlyPage = new GuidePage('/docs/liquid-project/guide/english-only-topic.html');
-        englishOnlyPage.open();
+        await browser.url(englishOnlyPage.path);
         await englishOnlyPage.waitPageLoad();
 
         const content = await $('>>>doc-content-layout');
@@ -238,7 +167,7 @@ describe('Liquid Template Rendering', () => {
         expect(text.includes('filters: [englishonly]')).toBeTruthy();
     });
 
-    it('Should not process Liquid when frontmatter has liquid.enabled as false', async function () {
+    it('Should not render raw Liquid syntax when Liquid processing is disabled', async function () {
         if (!liquidEnabled) {
             this.skip();
         }
@@ -246,7 +175,7 @@ describe('Liquid Template Rendering', () => {
         const disabledPage = new GuidePage(
             '/docs/liquid-project/guide/liquid-learning-resources.html',
         );
-        disabledPage.open();
+        await browser.url(disabledPage.path);
         await disabledPage.waitPageLoad();
 
         const content = await $('>>>doc-content-layout');

package/static-portal-wdio.conf.js

@@ -18,7 +18,8 @@ exports.config = {
 
     // Exclude tests that require dynamic server features or pages not in static build
     exclude: [
-        // './src/shared/specs/liquid.test.ts',
+        // Advanced liquid tests require previewFuture, variables — not in static build
+        './src/shared/specs/liquid-advanced.test.ts',
         // /docs/apis landing page doesn't exist in static builds
         './src/portal/specs/docs.api.test.ts',
         // /docs landing page doesn't exist in static builds