@salesforcedevs/sfdocs-e2e 1.0.10 → 1.0.11-toolbar.0

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

@@ -222,3 +222,100 @@ describe('Liquid Template Rendering', () => {
         expect(text.includes('Liquid is a templating language supported in SFDocs')).toBeTruthy();
     });
 });
+
+describe('Liquid Template Rendering — Localized (ja-jp)', () => {
+    let jaLiquidEnabled = false;
+    const quickstartPath = '/docs/ja-jp/liquid-project/guide/liquid-quickstart.html';
+
+    before(async () => {
+        try {
+            page = new GuidePage(quickstartPath);
+            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('data.yaml からこんにちは');
+            const hasRawSyntax =
+                html.includes('{% assign topic') || html.includes('{{ data.greeting }}');
+
+            jaLiquidEnabled = hasLiquidOutput && !hasRawSyntax;
+        } catch (e) {
+            jaLiquidEnabled = false;
+        }
+    });
+
+    beforeEach(async () => {
+        if (jaLiquidEnabled) {
+            page = new GuidePage(quickstartPath);
+            await browser.url(page.path);
+            await page.waitPageLoad();
+        }
+    });
+
+    it('Should render frontmatter assigns and data.yaml values in Japanese', async function () {
+        if (!jaLiquidEnabled) {
+            this.skip();
+        }
+
+        const content = await $('>>>doc-content-layout');
+        const text = await content.getText();
+
+        expect(text.includes('ライターのための GitHub')).toBeTruthy();
+        expect(text.includes('data.yaml からこんにちは')).toBeTruthy();
+    });
+
+    it('Should render repository-level variables in a localized topic', async function () {
+        if (!jaLiquidEnabled) {
+            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(html.includes('{{ variables.platform')).toBeFalsy();
+    });
+
+    it('Should render a loop and an included partial capture block in Japanese', async function () {
+        if (!jaLiquidEnabled) {
+            this.skip();
+        }
+
+        const content = await $('>>>doc-content-layout');
+        const text = await content.getText();
+        const html = await content.getHTML();
+
+        expect(text.includes('create()')).toBeTruthy();
+        expect(text.includes('再利用可能なヒント')).toBeTruthy();
+        expect(
+            text.includes('ウィジェットは Widgets API を通じて作成および管理されます'),
+        ).toBeTruthy();
+        // Dash-form tags are the fixture's real (resolved) tags; the bare "{% include %}"
+        // in the prose renders as literal inline code, so assert on the dash form only.
+        expect(html.includes('{%- include')).toBeFalsy();
+        expect(html.includes('{%- capture')).toBeFalsy();
+    });
+
+    it('Should render liquid.data object format in a localized topic', async function () {
+        if (!jaLiquidEnabled) {
+            this.skip();
+        }
+
+        const multiDataPage = new GuidePage('/docs/ja-jp/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('小売店舗や顧客サイト')).toBeTruthy();
+        expect(html.includes('{{ data.one.summary }}')).toBeFalsy();
+        expect(html.includes('{{ two.summary }}')).toBeFalsy();
+    });
+});