@player-ui/player 0.8.0-next.1 → 0.8.0-next.10

package/src/view/plugins/__tests__/__snapshots__/asset.test.ts.snap

@@ -0,0 +1,215 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`asset > applicability 1`] = `
+{
+  "children": [
+    {
+      "path": [
+        "asset",
+      ],
+      "value": {
+        "children": [
+          {
+            "path": [
+              "values",
+            ],
+            "value": {
+              "override": true,
+              "parent": [Circular],
+              "type": "multi-node",
+              "values": [
+                {
+                  "expression": "{{foo}}",
+                  "parent": [Circular],
+                  "type": "applicability",
+                  "value": {
+                    "parent": [Circular],
+                    "type": "value",
+                    "value": {
+                      "value": "foo",
+                    },
+                  },
+                },
+                {
+                  "parent": [Circular],
+                  "type": "value",
+                  "value": {
+                    "value": "bar",
+                  },
+                },
+              ],
+            },
+          },
+        ],
+        "parent": [Circular],
+        "type": "asset",
+        "value": undefined,
+      },
+    },
+  ],
+  "type": "value",
+  "value": undefined,
+}
+`;
+
+exports[`asset > multi-node 1`] = `
+{
+  "children": [
+    {
+      "path": [
+        "asset",
+      ],
+      "value": {
+        "children": [
+          {
+            "path": [
+              "values",
+            ],
+            "value": {
+              "override": true,
+              "parent": [Circular],
+              "type": "multi-node",
+              "values": [
+                {
+                  "children": [
+                    {
+                      "path": [
+                        "asset",
+                      ],
+                      "value": {
+                        "parent": [Circular],
+                        "type": "asset",
+                        "value": {
+                          "id": "value-1",
+                          "type": "text",
+                          "value": "First value in the collection",
+                        },
+                      },
+                    },
+                  ],
+                  "parent": [Circular],
+                  "type": "value",
+                  "value": undefined,
+                },
+              ],
+            },
+          },
+        ],
+        "parent": [Circular],
+        "type": "asset",
+        "value": {
+          "id": "foo",
+          "type": "collection",
+        },
+      },
+    },
+  ],
+  "type": "value",
+  "value": undefined,
+}
+`;
+
+exports[`asset > object 1`] = `
+{
+  "children": [
+    {
+      "path": [
+        "asset",
+      ],
+      "value": {
+        "parent": [Circular],
+        "type": "asset",
+        "value": {
+          "type": "bar",
+        },
+      },
+    },
+  ],
+  "type": "value",
+  "value": undefined,
+}
+`;
+
+exports[`asset > switch 1`] = `
+{
+  "children": [
+    {
+      "path": [
+        "title",
+        "asset",
+      ],
+      "value": {
+        "parent": [Circular],
+        "type": "asset",
+        "value": {
+          "id": "test",
+          "type": "text",
+          "value": "test-text.",
+        },
+      },
+    },
+  ],
+  "type": "value",
+  "value": {
+    "id": "toughView",
+    "type": "view",
+  },
+}
+`;
+
+exports[`asset > template 1`] = `
+{
+  "children": [
+    {
+      "path": [
+        "asset",
+      ],
+      "value": {
+        "children": [
+          {
+            "path": [
+              "values",
+            ],
+            "value": {
+              "override": false,
+              "parent": [Circular],
+              "type": "multi-node",
+              "values": [
+                {
+                  "parent": [Circular],
+                  "type": "value",
+                  "value": {
+                    "value": "{{foo.bar.0}}",
+                  },
+                },
+                {
+                  "parent": [Circular],
+                  "type": "value",
+                  "value": {
+                    "value": "{{foo.bar.1}}",
+                  },
+                },
+                {
+                  "parent": [Circular],
+                  "type": "value",
+                  "value": {
+                    "value": "{{foo.bar.2}}",
+                  },
+                },
+              ],
+            },
+          },
+        ],
+        "parent": [Circular],
+        "type": "asset",
+        "value": {
+          "id": "foo",
+          "type": "collection",
+        },
+      },
+    },
+  ],
+  "type": "value",
+  "value": undefined,
+}
+`;

package/src/view/plugins/__tests__/__snapshots__/multi-node.test.ts.snap

@@ -0,0 +1,67 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`multi-node > multi-node collection 1`] = `
+{
+  "children": [
+    {
+      "path": [
+        "values",
+      ],
+      "value": {
+        "override": true,
+        "parent": [Circular],
+        "type": "multi-node",
+        "values": [
+          {
+            "children": [
+              {
+                "path": [
+                  "asset",
+                ],
+                "value": {
+                  "parent": [Circular],
+                  "type": "asset",
+                  "value": {
+                    "id": "value-1",
+                    "type": "text",
+                    "value": "First value in the collection",
+                  },
+                },
+              },
+            ],
+            "parent": [Circular],
+            "type": "value",
+            "value": undefined,
+          },
+          {
+            "children": [
+              {
+                "path": [
+                  "asset",
+                ],
+                "value": {
+                  "parent": [Circular],
+                  "type": "asset",
+                  "value": {
+                    "id": "value-2",
+                    "type": "text",
+                    "value": "Second value in the collection",
+                  },
+                },
+              },
+            ],
+            "parent": [Circular],
+            "type": "value",
+            "value": undefined,
+          },
+        ],
+      },
+    },
+  ],
+  "type": "value",
+  "value": {
+    "id": "foo",
+    "type": "collection",
+  },
+}
+`;

package/src/view/plugins/__tests__/__snapshots__/template.test.ts.snap

@@ -1,67 +1,69 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`dynamic templates > Works with template items plus value items > Should show template item first when coming before values on lexical order 1`] = `
-{
-  "asset": {
-    "id": "overviewItem3",
-    "label": {
-      "asset": {
-        "id": "overviewItem3-label",
-        "type": "text",
-        "value": "1099-A",
-      },
+[
+  {
+    "asset": {
+      "id": "value-0",
+      "type": "text",
+      "value": "item 1",
     },
-    "type": "overviewItem",
-    "values": [
-      {
-        "asset": {
-          "id": "overviewItem3-year",
-          "type": "text",
-          "value": "Desciption of concept 1099 1",
-        },
-      },
-      {
-        "asset": {
-          "id": "loverviewItem3-cy",
-          "type": "text",
-          "value": "4000",
-        },
-      },
-    ],
   },
-}
+  {
+    "asset": {
+      "id": "value-1",
+      "type": "text",
+      "value": "item 2",
+    },
+  },
+  {
+    "asset": {
+      "id": "value-2",
+      "type": "text",
+      "value": "First value in the collection",
+    },
+  },
+  {
+    "asset": {
+      "id": "value-3",
+      "type": "text",
+      "value": "Second value in the collection",
+    },
+  },
+]
 `;
 
 exports[`dynamic templates > Works with template items plus value items > Should show template item last when coming after values on lexical order 1`] = `
-{
-  "asset": {
-    "id": "overviewItem1",
-    "label": {
-      "asset": {
-        "id": "overviewItem1-label",
-        "type": "text",
-        "value": "First Summary",
-      },
+[
+  {
+    "asset": {
+      "id": "value-2",
+      "type": "text",
+      "value": "First value in the collection",
     },
-    "type": "overviewItem",
-    "values": [
-      {
-        "asset": {
-          "id": "overviewItem1-year",
-          "type": "text",
-          "value": "Desciption of year summary 1",
-        },
-      },
-      {
-        "asset": {
-          "id": "loverviewItem1-cy",
-          "type": "text",
-          "value": "14000",
-        },
-      },
-    ],
   },
-}
+  {
+    "asset": {
+      "id": "value-3",
+      "type": "text",
+      "value": "Second value in the collection",
+    },
+  },
+  {
+    "asset": {
+      "id": "value-0",
+      "type": "text",
+      "value": "item 1",
+    },
+  },
+  {
+    "asset": {
+      "id": "value-1",
+      "type": "text",
+      "value": "item 2",
+    },
+  },
+]
 `;
 
 exports[`templates > works with nested templates 1`] = `

package/src/view/plugins/__tests__/applicability.test.ts

@@ -8,7 +8,7 @@ import type { Resolve } from "../../resolver";
 import { Resolver } from "../../resolver";
 import type { Node } from "../../parser";
 import { Parser } from "../../parser";
-import { ApplicabilityPlugin, StringResolverPlugin } from "..";
+import { ApplicabilityPlugin, MultiNodePlugin, StringResolverPlugin } from "..";
 
 const parseBinding = new BindingParser().parse;
 
@@ -37,8 +37,10 @@ describe("applicability", () => {
   it("undefined does not remove asset", () => {
     const aP = new ApplicabilityPlugin();
     const sP = new StringResolverPlugin();
+    const mnP = new MultiNodePlugin();
 
     aP.applyParser(parser);
+    mnP.applyParser(parser);
 
     const root = parser.parseObject({
       asset: {
@@ -70,6 +72,7 @@ describe("applicability", () => {
 
   it("removes empty objects", () => {
     new ApplicabilityPlugin().applyParser(parser);
+    new MultiNodePlugin().applyParser(parser);
     const root = parser.parseObject({
       asset: {
         values: [
@@ -245,21 +248,26 @@ describe("applicability", () => {
     });
   });
 
-  it("determines if nodeType is applicability", () => {
-    new ApplicabilityPlugin().applyParser(parser);
-    const nodeTest = {
-      applicability: "{{bar}} == true",
-    };
-    const nodeType = parser.hooks.determineNodeType.call(nodeTest);
-    expect(nodeType).toStrictEqual("applicability");
-  });
+  it("does not return field object if applicability node does not resolve", () => {
+    const applicabilityPlugin = new ApplicabilityPlugin();
+    const stringResolverPlugin = new StringResolverPlugin();
 
-  it("Does not return a nodeType", () => {
-    new ApplicabilityPlugin().applyParser(parser);
-    const nodeTest = {
-      value: "foo",
-    };
-    const nodeType = parser.hooks.determineNodeType.call(nodeTest);
-    expect(nodeType).toBe(undefined);
+    applicabilityPlugin.applyParser(parser);
+    const root = parser.parseObject({
+      id: "foo",
+      fields: {
+        applicability: "{{foo.bar}}",
+      },
+    } as any);
+    const resolver = new Resolver(root as Node.Node, resolverOptions);
+
+    applicabilityPlugin.applyResolver(resolver);
+    stringResolverPlugin.applyResolver(resolver);
+
+    const resolved = resolver.update();
+
+    expect(resolved).toStrictEqual({
+      id: "foo",
+    });
   });
 });

package/src/view/plugins/__tests__/asset.test.ts

@@ -0,0 +1,140 @@
+import { describe, it, expect, beforeEach } from "vitest";
+import { BindingParser } from "../../../binding";
+import type { DataModelWithParser } from "../../../data";
+import { LocalModel, withParser } from "../../../data";
+import { ExpressionEvaluator } from "../../../expressions";
+import { SchemaController } from "../../../schema";
+import { Parser } from "../../parser";
+import type { Options } from "../options";
+import {
+  MultiNodePlugin,
+  AssetPlugin,
+  ApplicabilityPlugin,
+  TemplatePlugin,
+  SwitchPlugin,
+} from "..";
+
+describe("asset", () => {
+  let parser: Parser;
+
+  beforeEach(() => {
+    parser = new Parser();
+    new AssetPlugin().applyParser(parser);
+  });
+
+  it("object", () => {
+    expect(parser.parseObject({ asset: { type: "bar" } })).toMatchSnapshot();
+  });
+
+  it("applicability", () => {
+    new ApplicabilityPlugin().applyParser(parser);
+    new MultiNodePlugin().applyParser(parser);
+
+    expect(
+      parser.parseObject({
+        asset: {
+          values: [
+            {
+              applicability: "{{foo}}",
+              value: "foo",
+            },
+            {
+              value: "bar",
+            },
+          ],
+        },
+      }),
+    ).toMatchSnapshot();
+  });
+
+  it("multi-node", () => {
+    new MultiNodePlugin().applyParser(parser);
+
+    expect(
+      parser.parseObject({
+        asset: {
+          id: "foo",
+          type: "collection",
+          values: [
+            {
+              asset: {
+                id: "value-1",
+                type: "text",
+                value: "First value in the collection",
+              },
+            },
+          ],
+        },
+      }),
+    ).toMatchSnapshot();
+  });
+
+  it("template", () => {
+    const parseBinding = new BindingParser().parse;
+    const model: DataModelWithParser = withParser(
+      new LocalModel(),
+      parseBinding,
+    );
+    const expressionEvaluator: ExpressionEvaluator = new ExpressionEvaluator({
+      model,
+    });
+    const options: Options = {
+      evaluate: expressionEvaluator.evaluate,
+      schema: new SchemaController(),
+      data: {
+        format: (binding, val) => val,
+        formatValue: (val) => val,
+        model,
+      },
+    };
+    new TemplatePlugin(options).applyParser(parser);
+
+    const petNames = ["Ginger", "Daisy", "Afra"];
+    model.set([["foo.bar", petNames]]);
+
+    expect(
+      parser.parseObject({
+        asset: {
+          id: "foo",
+          type: "collection",
+          template: [
+            {
+              data: "foo.bar",
+              output: "values",
+              value: {
+                value: "{{foo.bar._index_}}",
+              },
+            },
+          ],
+        },
+      }),
+    ).toMatchSnapshot();
+  });
+
+  it("switch", () => {
+    new SwitchPlugin({
+      evaluate: () => {
+        return true;
+      },
+    } as any).applyParser(parser);
+
+    expect(
+      parser.parseObject({
+        id: "toughView",
+        type: "view",
+        title: {
+          staticSwitch: [
+            {
+              case: "'true'",
+              asset: {
+                id: "test",
+                type: "text",
+                value: "test-text.",
+              },
+            },
+          ],
+        },
+      }),
+    ).toMatchSnapshot();
+  });
+});

package/src/view/plugins/__tests__/multi-node.test.ts

@@ -0,0 +1,38 @@
+import { describe, it, expect, beforeEach } from "vitest";
+import { Parser } from "../../parser";
+import { MultiNodePlugin, AssetPlugin } from "..";
+
+describe("multi-node", () => {
+  let parser: Parser;
+
+  beforeEach(() => {
+    parser = new Parser();
+    new AssetPlugin().applyParser(parser);
+    new MultiNodePlugin().applyParser(parser);
+  });
+
+  it("multi-node collection", () => {
+    expect(
+      parser.parseObject({
+        id: "foo",
+        type: "collection",
+        values: [
+          {
+            asset: {
+              id: "value-1",
+              type: "text",
+              value: "First value in the collection",
+            },
+          },
+          {
+            asset: {
+              id: "value-2",
+              type: "text",
+              value: "Second value in the collection",
+            },
+          },
+        ],
+      }),
+    ).toMatchSnapshot();
+  });
+});