@akinon/pz-theme 2.0.0-beta.21

package/src/utils/iterator-utils.test.ts

@@ -0,0 +1,224 @@
+import { buildIteratorBlock, resolveBlockBindings } from './iterator-utils';
+
+describe('iterator-utils', () => {
+  it('resolves generic page-context bindings for text and button blocks', () => {
+    const pageContext = {
+      product: {
+        title: 'Spring Sneaker',
+        url: '/products/spring-sneaker'
+      }
+    };
+
+    const resolvedText = resolveBlockBindings({
+      block: {
+        id: 'text-1',
+        type: 'text',
+        label: 'Heading',
+        value: 'Fallback title',
+        properties: {
+          dataBinding: 'product.title'
+        },
+        styles: {},
+        order: 0,
+        hidden: false
+      },
+      sectionDataSource: {
+        type: 'page-context',
+        details: {
+          pageContext: {
+            pageType: 'product',
+            rootPath: 'product'
+          }
+        }
+      },
+      pageContext
+    });
+
+    const resolvedButton = resolveBlockBindings({
+      block: {
+        id: 'button-1',
+        type: 'button',
+        label: 'CTA',
+        value: 'Fallback CTA',
+        properties: {
+          dataBinding: 'product.url',
+          dataBindingTarget: 'url',
+          url: '#'
+        },
+        styles: {},
+        order: 1,
+        hidden: false
+      },
+      sectionDataSource: {
+        type: 'page-context',
+        details: {
+          pageContext: {
+            pageType: 'product',
+            rootPath: 'product'
+          }
+        }
+      },
+      pageContext
+    });
+
+    expect(resolvedText.value).toBe('Spring Sneaker');
+    expect(resolvedButton.properties.url).toBe('/products/spring-sneaker');
+  });
+
+  it('builds iterators from page-context arrays and resolves item bindings', () => {
+    const pageContext = {
+      product: {
+        images: [
+          {
+            url: 'https://cdn.example.com/image-1.jpg',
+            alt: 'Image 1'
+          },
+          {
+            url: 'https://cdn.example.com/image-2.jpg',
+            alt: 'Image 2'
+          }
+        ]
+      }
+    };
+
+    const iteratorBlock = buildIteratorBlock({
+      iteratorBlock: {
+        id: 'group-1',
+        type: 'group',
+        label: 'Image Iterator',
+        value: undefined,
+        properties: {
+          iteratorDataPath: 'product.images',
+          iteratorCount: 2,
+          useIteratorCount: true
+        },
+        styles: {},
+        order: 0,
+        hidden: false,
+        isIterator: true,
+        iteratorDataPath: 'product.images',
+        blocks: [
+          {
+            id: 'image-1',
+            type: 'image',
+            label: 'Image',
+            value: '',
+            properties: {
+              dataBinding: 'item.url',
+              alt: ''
+            },
+            styles: {},
+            order: 0,
+            hidden: false
+          }
+        ]
+      },
+      sectionDataSource: {
+        type: 'page-context',
+        details: {
+          pageContext: {
+            pageType: 'product',
+            rootPath: 'product'
+          }
+        }
+      },
+      pageContext
+    });
+
+    expect(iteratorBlock.blocks).toHaveLength(2);
+    expect(iteratorBlock.blocks?.[0].value).toBe(
+      'https://cdn.example.com/image-1.jpg'
+    );
+    expect(iteratorBlock.blocks?.[1].value).toBe(
+      'https://cdn.example.com/image-2.jpg'
+    );
+  });
+
+  it('resolves basket page-context bindings and basket item iterators', () => {
+    const pageContext = {
+      basket: {
+        totalAmount: '799.90',
+        items: [
+          {
+            title: 'Spring Sneaker',
+            image: 'https://cdn.example.com/image-1.jpg',
+            url: '/products/spring-sneaker'
+          }
+        ]
+      }
+    };
+
+    const resolvedText = resolveBlockBindings({
+      block: {
+        id: 'text-2',
+        type: 'text',
+        label: 'Basket Total',
+        value: 'Fallback total',
+        properties: {
+          dataBinding: 'basket.totalAmount'
+        },
+        styles: {},
+        order: 0,
+        hidden: false
+      },
+      sectionDataSource: {
+        type: 'page-context',
+        details: {
+          pageContext: {
+            pageType: 'basket',
+            rootPath: 'basket'
+          }
+        }
+      },
+      pageContext
+    });
+
+    const iteratorBlock = buildIteratorBlock({
+      iteratorBlock: {
+        id: 'group-2',
+        type: 'group',
+        label: 'Basket Items',
+        value: undefined,
+        properties: {
+          iteratorDataPath: 'basket.items'
+        },
+        styles: {},
+        order: 0,
+        hidden: false,
+        isIterator: true,
+        iteratorDataPath: 'basket.items',
+        blocks: [
+          {
+            id: 'image-2',
+            type: 'image',
+            label: 'Basket Image',
+            value: '',
+            properties: {
+              dataBinding: 'item.image',
+              alt: ''
+            },
+            styles: {},
+            order: 0,
+            hidden: false
+          }
+        ]
+      },
+      sectionDataSource: {
+        type: 'page-context',
+        details: {
+          pageContext: {
+            pageType: 'basket',
+            rootPath: 'basket'
+          }
+        }
+      },
+      pageContext
+    });
+
+    expect(resolvedText.value).toBe('799.90');
+    expect(iteratorBlock.blocks).toHaveLength(1);
+    expect(iteratorBlock.blocks?.[0].value).toBe(
+      'https://cdn.example.com/image-1.jpg'
+    );
+  });
+});