@mwater/visualization 5.0.0

package/test/UndoStackTests.ts

@@ -0,0 +1,73 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import { assert } from "chai"
+import _ from "lodash"
+import UndoStack from "../src/UndoStack"
+
+describe("UndoStack", function () {
+  beforeEach(function () {
+    this.undoStack = new UndoStack()
+    this.a = { x: 1 }
+    this.b = { x: 2 }
+    return (this.c = { x: 3 })
+  })
+
+  it("returns self when pushing identical value", function () {
+    const us = this.undoStack.push(this.a)
+    const us2 = us.push(this.a)
+    return assert.equal(us, us2)
+  })
+
+  it("cannot undo with one value", function () {
+    const us = this.undoStack.push(this.a)
+    assert.isFalse(us.canUndo())
+    return assert.equal(us.getValue(), this.a)
+  })
+
+  it("cannot redo with two values", function () {
+    let us = this.undoStack.push(this.a)
+    us = us.push(this.b)
+    return assert.isFalse(us.canRedo())
+  })
+
+  it("can undo with two values", function () {
+    let us = this.undoStack.push(this.a)
+    us = us.push(this.b)
+    return assert.isTrue(us.canUndo())
+  })
+
+  it("can redo after undo", function () {
+    let us = this.undoStack.push(this.a)
+    us = us.push(this.b)
+    us = us.undo()
+    return assert.isTrue(us.canRedo())
+  })
+
+  it("gets previous value after undo", function () {
+    let us = this.undoStack.push(this.a)
+    us = us.push(this.b)
+    us = us.undo()
+    return assert.equal(us.getValue(), this.a)
+  })
+
+  it("redoes", function () {
+    let us = this.undoStack.push(this.a)
+    us = us.push(this.b)
+    us = us.undo()
+    us = us.redo()
+    return assert.equal(us.getValue(), this.b)
+  })
+
+  return it("pushing new value clears redo stack", function () {
+    let us = this.undoStack.push(this.a)
+    us = us.push(this.b)
+    us = us.undo()
+
+    // Same value no effect
+    us = us.push(this.a)
+    assert.isTrue(us.canRedo())
+
+    us = us.push(this.c)
+    return assert.isFalse(us.canRedo())
+  })
+})

package/test/WidgetScoperTests.ts

@@ -0,0 +1,35 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import { assert } from "chai"
+import WidgetScoper from "../src/widgets/WidgetScoper"
+
+describe("WidgetScoper", function () {
+  it("applies scope to scoped widget", function () {
+    let scoper = new WidgetScoper({})
+    scoper = scoper.applyScope("a", { data: "scope1", filter: "filter1" })
+    assert.deepEqual(scoper.getScope("a"), { data: "scope1", filter: "filter1" })
+    return assert(!scoper.getScope("b"))
+  })
+
+  it("applies filters to other widgets", function () {
+    let scoper = new WidgetScoper({})
+    scoper = scoper.applyScope("a", { data: "scope1", filter: "filter1" })
+    assert.deepEqual(scoper.getFilters("a"), [])
+    return assert.deepEqual(scoper.getFilters("b"), ["filter1"])
+  })
+
+  it("does not apply null filters to other widgets", function () {
+    let scoper = new WidgetScoper({})
+    scoper = scoper.applyScope("a", { data: "scope1", filter: null })
+    assert.deepEqual(scoper.getFilters("a"), [])
+    return assert.deepEqual(scoper.getFilters("b"), [])
+  })
+
+  return it("clears scope and filter", function () {
+    let scoper = new WidgetScoper({})
+    scoper = scoper.applyScope("a", { data: "scope1", filter: "filter1" })
+    scoper = scoper.reset()
+    assert(!scoper.getScope("a"))
+    return assert.deepEqual(scoper.getFilters("b"), [])
+  })
+})

package/test/blockUtilsTests.ts

@@ -0,0 +1,290 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import _ from "lodash"
+import { assert } from "chai"
+import canonical from "canonical-json"
+import * as blockUtils from "../src/layouts/blocks/blockUtils"
+
+function compare(actual: any, expected: any) {
+  return assert.equal(
+    canonical(actual),
+    canonical(expected),
+    "\n" + canonical(actual) + "\n" + canonical(expected) + "\n"
+  )
+}
+
+describe("blockUtils", function () {
+  it("updates nested block", function () {
+    const design = {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        {
+          id: "c",
+          type: "horizontal",
+          blocks: [
+            { id: "d", type: "d" },
+            { id: "e", type: "e" }
+          ]
+        }
+      ]
+    }
+
+    const newDesign = blockUtils.updateBlock(design, { id: "d", type: "xyz" })
+    return compare(newDesign, {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        {
+          id: "c",
+          type: "horizontal",
+          blocks: [
+            { id: "d", type: "xyz" },
+            { id: "e", type: "e" }
+          ]
+        }
+      ]
+    })
+  })
+
+  it("removes nested block", function () {
+    const design = {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        {
+          id: "c",
+          type: "horizontal",
+          blocks: [
+            { id: "d", type: "d" },
+            { id: "e", type: "e" }
+          ]
+        }
+      ]
+    }
+
+    const newDesign = blockUtils.removeBlock(design, { id: "d", type: "d" })
+    return compare(newDesign, {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        { id: "c", type: "horizontal", blocks: [{ id: "e", type: "e" }] }
+      ]
+    })
+  })
+
+  it("removes empty horizontal", function () {
+    const design = {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        { id: "c", type: "horizontal", blocks: [{ id: "d", type: "d" }] }
+      ]
+    }
+
+    const newDesign = blockUtils.removeBlock(design, { id: "d", type: "d" })
+    return compare(newDesign, {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" }
+      ]
+    })
+  })
+
+  it("simplifies vertical inside root", function () {
+    const design = {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        {
+          id: "c",
+          type: "vertical",
+          blocks: [
+            { id: "d", type: "d" },
+            { id: "e", type: "e" }
+          ]
+        }
+      ]
+    }
+
+    const newDesign = blockUtils.cleanBlock(design)
+    return compare(newDesign, {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        { id: "d", type: "d" },
+        { id: "e", type: "e" }
+      ]
+    })
+  })
+
+  it("removes empty vertical")
+
+  it("simplifies horizontal with one child", function () {
+    const design = {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        { id: "c", type: "horizontal", blocks: [{ id: "d", type: "d" }] }
+      ]
+    }
+
+    const newDesign = blockUtils.cleanBlock(design)
+    return compare(newDesign, {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        { id: "d", type: "d" }
+      ]
+    })
+  })
+
+  it("simplifies vertical with one child", function () {
+    const design = {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        { id: "c", type: "vertical", blocks: [{ id: "d", type: "d" }] }
+      ]
+    }
+
+    const newDesign = blockUtils.cleanBlock(design)
+    return compare(newDesign, {
+      id: "root",
+      type: "root",
+      blocks: [
+        { id: "a", type: "a" },
+        { id: "b", type: "b" },
+        { id: "d", type: "d" }
+      ]
+    })
+  })
+
+  describe("in vertical", function () {
+    before(function () {
+      return (this.design = {
+        id: "root",
+        type: "root",
+        blocks: [
+          { id: "a", type: "a" },
+          { id: "b", type: "b" }
+        ]
+      })
+    })
+
+    it("adds left", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "left")
+
+      compare(newDesign.blocks[0].type, "horizontal")
+      return compare(newDesign.blocks[0].blocks, [
+        { id: "new", type: "new" },
+        { id: "a", type: "a" }
+      ])
+    })
+
+    it("adds right", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "right")
+
+      compare(newDesign.blocks[0].type, "horizontal")
+      return compare(newDesign.blocks[0].blocks, [
+        { id: "a", type: "a" },
+        { id: "new", type: "new" }
+      ])
+    })
+
+    it("adds top", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "top")
+
+      return compare(newDesign.blocks, [
+        { id: "new", type: "new" },
+        { id: "a", type: "a" },
+        { id: "b", type: "b" }
+      ])
+    })
+
+    return it("adds bottom", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "bottom")
+
+      return compare(newDesign.blocks, [
+        { id: "a", type: "a" },
+        { id: "new", type: "new" },
+        { id: "b", type: "b" }
+      ])
+    })
+  })
+
+  return describe("in horizontal", function () {
+    before(function () {
+      return (this.design = {
+        id: "horizontal",
+        type: "horizontal",
+        blocks: [
+          { id: "a", type: "a" },
+          { id: "b", type: "b" }
+        ]
+      })
+    })
+
+    it("adds top", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "top")
+
+      compare(newDesign.blocks[0].type, "vertical")
+      return compare(newDesign.blocks[0].blocks, [
+        { id: "new", type: "new" },
+        { id: "a", type: "a" }
+      ])
+    })
+
+    it("adds bottom", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "bottom")
+
+      compare(newDesign.blocks[0].type, "vertical")
+      return compare(newDesign.blocks[0].blocks, [
+        { id: "a", type: "a" },
+        { id: "new", type: "new" }
+      ])
+    })
+
+    it("adds left", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "left")
+
+      return compare(newDesign.blocks, [
+        { id: "new", type: "new" },
+        { id: "a", type: "a" },
+        { id: "b", type: "b" }
+      ])
+    })
+
+    return it("adds right", function () {
+      const newDesign = blockUtils.dropBlock(this.design, { id: "new", type: "new" }, this.design.blocks[0], "right")
+
+      return compare(newDesign.blocks, [
+        { id: "a", type: "a" },
+        { id: "new", type: "new" },
+        { id: "b", type: "b" }
+      ])
+    })
+  })
+})

package/test/canonical-json.d.ts

@@ -0,0 +1 @@
+declare module "canonical-json";

package/test/dashboards/DashboardUtilsTests.ts

@@ -0,0 +1,131 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import { assert } from "chai"
+import * as fixtures from "../fixtures"
+import _ from "lodash"
+import React from "react"
+const R = React.createElement
+
+import * as DashboardUtils from "../../src/dashboards/DashboardUtils"
+import canonical from "canonical-json"
+
+function compare(actual: any, expected: any) {
+  return assert.equal(canonical(actual), canonical(expected), "\n" + canonical(actual) + "\n" + canonical(expected))
+}
+
+describe("DashboardUtils", function () {
+  before(function () {
+    return (this.schema = fixtures.simpleSchema())
+  })
+
+  it("gets filterable tables", function () {
+    return assert.deepEqual(DashboardUtils.getFilterableTables(simpleDashboardDesign, this.schema), ["t1"])
+  })
+
+  it("compiles filters", function () {
+    const design = _.extend({}, simpleDashboardDesign, {
+      filters: {
+        t1: {
+          type: "op",
+          op: ">",
+          table: "t1",
+          exprs: [
+            { type: "field", table: "t1", column: "number" },
+            { type: "literal", value: 4 }
+          ]
+        }
+      }
+    })
+    const compiledFilters = DashboardUtils.getCompiledFilters(design, this.schema, ["t1"])
+    return assert.deepEqual(compiledFilters, [
+      {
+        table: "t1",
+        jsonql: {
+          type: "op",
+          op: ">",
+          exprs: [
+            { type: "field", tableAlias: "{alias}", column: "number" },
+            { type: "literal", value: 4 }
+          ]
+        }
+      }
+    ])
+  })
+
+  return it("compiles global filters", function () {
+    const design = _.extend({}, simpleDashboardDesign, {
+      globalFilters: [{ columnId: "number", columnType: "number", op: ">", exprs: [{ type: "literal", value: 4 }] }]
+    })
+
+    const compiledFilters = DashboardUtils.getCompiledFilters(design, this.schema, ["t1"])
+    return assert.deepEqual(compiledFilters, [
+      {
+        table: "t1",
+        jsonql: {
+          type: "op",
+          op: ">",
+          exprs: [
+            { type: "field", tableAlias: "{alias}", column: "number" },
+            { type: "literal", value: 4 }
+          ]
+        }
+      }
+    ])
+  })
+})
+
+var simpleDashboardDesign = {
+  items: {
+    id: "root",
+    type: "root",
+    blocks: [
+      {
+        type: "widget",
+        widgetType: "LayeredChart",
+        design: {
+          version: 2,
+          layers: [
+            {
+              axes: {
+                x: {
+                  expr: {
+                    type: "field",
+                    table: "t1",
+                    column: "enum"
+                  }
+                },
+                y: {
+                  expr: {
+                    type: "op",
+                    op: "count",
+                    table: "t1",
+                    exprs: []
+                  }
+                }
+              },
+              filter: null,
+              table: "t1"
+            }
+          ],
+          header: {
+            style: "header",
+            items: []
+          },
+          footer: {
+            style: "footer",
+            items: []
+          },
+          type: "bar",
+          labels: true
+        },
+        id: "76e204b3-a21f-491e-9e16-353274491b49"
+      }
+    ]
+  },
+  layout: "blocks",
+  style: "greybg",
+  quickfilters: [],
+  popups: [],
+  filters: {},
+  implicitFiltersEnabled: false
+}