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

package/package.json

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

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();
@@ -167,11 +144,8 @@ describe('Liquid Template Rendering', () => {
 
         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 () {
@@ -181,10 +155,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,8 +164,8 @@ describe('Liquid Template Rendering', () => {
             this.skip();
         }
 
-        const dataFormatsPage = new GuidePage('/docs/redirects/guide/orders-api-overview.html');
-        dataFormatsPage.open();
+        const dataFormatsPage = new GuidePage('/docs/redirects-url/guide/orders-api-overview.html');
+        await browser.url(dataFormatsPage.path);
         await dataFormatsPage.waitPageLoad();
 
         const content = await $('>>>doc-content-layout');
@@ -212,7 +184,7 @@ describe('Liquid Template Rendering', () => {
         }
 
         const futurePage = new GuidePage('/docs/liquid-project/guide/future-topic.html');
-        futurePage.open();
+        await browser.url(futurePage.path);
         await futurePage.waitPageLoad();
 
         const content = await $('>>>doc-content-layout');
@@ -228,7 +200,7 @@ describe('Liquid Template Rendering', () => {
         }
 
         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 +210,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 +218,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',
+        // Liquid tests require previewFuture, variables, and redirects-url project — not in static build
+        './src/shared/specs/liquid.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