test(artist): update tests for elements and utils

Author: lokesh-coder

packages/misc/artist-ui/__tests__/artist.spec.ts

@@ -11,13 +11,13 @@ describe("artist ui", () => {
 
   it("should load default elements", () => {
     expect(Object.keys(artist["elements"])).toEqual([
-      "text",
-      "newline",
-      "row",
       "column",
       "div",
-      "span",
+      "newline",
+      "row",
       "space",
+      "span",
+      "text",
       "spinner",
       "progress",
       "unknown",

packages/misc/artist-ui/__tests__/elements.spec.ts

@@ -87,4 +87,41 @@ describe("artist elements", () => {
 
     artist.paint("<spinner></spinner>");
   });
+
+  it("should render the row when no column is defined", () => {
+    const row = "";
+    artist.paint("<row>hello</row>");
+    expect(output).toEqual(row);
+  });
+
+  it("should render the row when columns are defined", () => {
+    artist.paint(`
+    <row>
+        <column>Name</column>
+        <column>Kevin</column>
+    </row>
+    `);
+    expect(/Name(\s+)Kevin/.test(output)).toBeTruthy();
+  });
+
+  it("should render the column", () => {
+    artist.paint("<column>hello</column>");
+    expect(output).toEqual("hello");
+  });
+
+  it("should render the space", () => {
+    artist.paint("<space length='5'></space>");
+    expect(output).toEqual(" ".repeat(5));
+  });
+
+  it("should render the list", () => {
+    const names = ["Peter", "Kevin", "John"];
+    artist.createStore({ names });
+    artist.paint(`
+    {{#list names}}
+        <text>{{this}}</text>
+    {{/list}}
+    `);
+    expect(output).toEqual("PeterKevinJohn");
+  });
 });

packages/misc/artist-ui/__tests__/utils.spec.ts

@@ -0,0 +1,25 @@
+import { flatten, flattenToStr } from "../src/utils";
+
+describe("utils", () => {
+  it("should deep flatten the array", () => {
+    const input = ["one", "two", ["three", "four"], ["five", ["six", "seven"]]];
+    expect(flattenToStr(input)).toEqual([
+      "one",
+      "two",
+      "three four",
+      "five six seven",
+    ]);
+  });
+
+  it("should flatten the array to one level", () => {
+    const input = ["one", "two", ["three", "four"], ["five", ["six", "seven"]]];
+    expect(flatten(input)).toEqual([
+      "one",
+      "two",
+      "three",
+      "four",
+      "five",
+      ["six", "seven"],
+    ]);
+  });
+});

packages/misc/artist-ui/src/elements/index.ts

@@ -1,27 +1,12 @@
-import { column } from "./column";
-import { div } from "./div";
-import { newline } from "./newline";
-import { row } from "./row";
-import { space } from "./space";
-import { span } from "./span";
-import { text } from "./text";
-import { spinner } from "./spinner";
-import { progress } from "./progress";
-import { unknown } from "./unknown";
-import { key } from "./key";
-import { box } from "./box";
-
-export {
-  text,
-  newline,
-  row,
-  column,
-  div,
-  span,
-  space,
-  spinner,
-  progress,
-  unknown,
-  key,
-  box,
-};
+export { column } from "./column";
+export { div } from "./div";
+export { newline } from "./newline";
+export { row } from "./row";
+export { space } from "./space";
+export { span } from "./span";
+export { text } from "./text";
+export { spinner } from "./spinner";
+export { progress } from "./progress";
+export { unknown } from "./unknown";
+export { key } from "./key";
+export { box } from "./box";