-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ebced4c
commit b07b2dd
Showing
3 changed files
with
229 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
213 changes: 213 additions & 0 deletions
213
packages/perspective-viewer-d3fc/test/js/integration/barWidth.spec.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,213 @@ | ||
| /****************************************************************************** | ||
| * | ||
| * Copyright (c) 2017, the Perspective Authors. | ||
| * | ||
| * This file is part of the Perspective library, distributed under the terms of | ||
| * the Apache License 2.0. The full license can be found in the LICENSE file. | ||
| * | ||
| */ | ||
|
|
||
| const path = require("path"); | ||
|
|
||
| const utils = require("@finos/perspective-test"); | ||
| const simple_tests = require("@finos/perspective-viewer/test/js/simple_tests.js"); | ||
| // const render_warning_tests = require("@finos/perspective-viewer/test/js/render_warning_tests.js"); | ||
|
|
||
| const {withTemplate} = require("./simple-template"); | ||
|
|
||
| withTemplate("bar", "Y Bar"); | ||
| withTemplate("bar-x", "X Bar"); | ||
| withTemplate("bar-themed", "Y Bar", {template: "themed-template"}); | ||
|
|
||
| function get_contents(temp) { | ||
| return async function (page) { | ||
| return await page.evaluate(async (temp) => { | ||
| const viewer = document | ||
| .querySelector( | ||
| `perspective-viewer perspective-viewer-d3fc-${temp}` | ||
| ) | ||
| .shadowRoot.querySelector("d3fc-svg.plot-area svg"); | ||
| return viewer.outerHTML || "MISSING"; | ||
| }, temp); | ||
| }; | ||
| } | ||
|
|
||
| utils.with_server({}, () => { | ||
| describe.page( | ||
| "bar.html", | ||
| () => { | ||
| describe("rendering bugs", () => { | ||
| test.capture( | ||
| "correctly render when a bar chart has non equidistant times on a datetime axis", | ||
| async (page) => { | ||
| const config = await page.evaluate(async () => { | ||
| const viewer = | ||
| document.querySelector("perspective-viewer"); | ||
| await viewer.getTable(); | ||
| await viewer.restore({ | ||
| plugin: "Y Bar", | ||
| columns: ["Profit"], | ||
| row_pivots: ["Order Date"], | ||
| column_pivots: ["Profit"], | ||
| }); | ||
| return await viewer.save(); | ||
| }); | ||
|
|
||
| expect(config).toEqual({ | ||
| plugin: "Y Bar", | ||
| columns: ["Profit"], | ||
| row_pivots: ["Order Date"], | ||
| column_pivots: ["Profit"], | ||
| aggregates: {}, | ||
| filter: [], | ||
| sort: [], | ||
| plugin_config: {}, | ||
| settings: false, | ||
| expressions: [], | ||
| }); | ||
|
|
||
| return await get_contents("ybar")(page); | ||
| } | ||
| ); | ||
| }); | ||
| }, | ||
| {root: path.join(__dirname, "..", "..", "..")} | ||
| ); | ||
| }); | ||
|
|
||
| // async function get_contents(page) { | ||
| // return await page.evaluate(async () => { | ||
| // const viewer = document | ||
| // .querySelector("perspective-viewer") | ||
| // .shadowRoot.querySelector("#app_panel"); | ||
| // return viewer ? viewer.innerHTML : "MISSING"; | ||
| // }); | ||
| // } | ||
|
|
||
| // utils.with_server({}, () => { | ||
| // describe.page( | ||
| // "superstore.html", | ||
| // () => { | ||
| // test.capture("save returns the current config", async (page) => { | ||
| // const config = await page.evaluate(async () => { | ||
| // const viewer = document.querySelector("perspective-viewer"); | ||
| // await viewer.getTable(); | ||
| // await viewer.restore({ | ||
| // settings: true, | ||
| // row_pivots: ["State"], | ||
| // columns: ["Profit", "Sales"], | ||
| // }); | ||
| // return await viewer.save(); | ||
| // }); | ||
|
|
||
| // expect(config).toEqual({ | ||
| // aggregates: {}, | ||
| // column_pivots: [], | ||
| // columns: ["Profit", "Sales"], | ||
| // expressions: [], | ||
| // filter: [], | ||
| // plugin: "Debug", | ||
| // plugin_config: {}, | ||
| // row_pivots: ["State"], | ||
| // settings: true, | ||
| // sort: [], | ||
| // }); | ||
|
|
||
| // return await get_contents(page); | ||
| // }); | ||
|
|
||
| // test.capture( | ||
| // "restore restores a config from save", | ||
| // async (page) => { | ||
| // const config = await page.evaluate(async () => { | ||
| // const viewer = | ||
| // document.querySelector("perspective-viewer"); | ||
| // await viewer.getTable(); | ||
| // await viewer.restore({ | ||
| // settings: true, | ||
| // row_pivots: ["State"], | ||
| // columns: ["Profit", "Sales"], | ||
| // }); | ||
| // return await viewer.save(); | ||
| // }); | ||
|
|
||
| // expect(config).toEqual({ | ||
| // aggregates: {}, | ||
| // column_pivots: [], | ||
| // columns: ["Profit", "Sales"], | ||
| // expressions: [], | ||
| // filter: [], | ||
| // plugin: "Debug", | ||
| // plugin_config: {}, | ||
| // row_pivots: ["State"], | ||
| // settings: true, | ||
| // sort: [], | ||
| // }); | ||
|
|
||
| // const config2 = await page.evaluate(async () => { | ||
| // const viewer = | ||
| // document.querySelector("perspective-viewer"); | ||
| // await viewer.reset(); | ||
| // return await viewer.save(); | ||
| // }); | ||
|
|
||
| // expect(config2).toEqual({ | ||
| // aggregates: {}, | ||
| // column_pivots: [], | ||
| // columns: [ | ||
| // "Row ID", | ||
| // "Order ID", | ||
| // "Order Date", | ||
| // "Ship Date", | ||
| // "Ship Mode", | ||
| // "Customer ID", | ||
| // "Segment", | ||
| // "Country", | ||
| // "City", | ||
| // "State", | ||
| // "Postal Code", | ||
| // "Region", | ||
| // "Product ID", | ||
| // "Category", | ||
| // "Sub-Category", | ||
| // "Sales", | ||
| // "Quantity", | ||
| // "Discount", | ||
| // "Profit", | ||
| // ], | ||
| // expressions: [], | ||
| // filter: [], | ||
| // plugin: "Debug", | ||
| // plugin_config: {}, | ||
| // row_pivots: [], | ||
| // settings: true, | ||
| // sort: [], | ||
| // }); | ||
|
|
||
| // const config3 = await page.evaluate(async (config) => { | ||
| // const viewer = | ||
| // document.querySelector("perspective-viewer"); | ||
| // await viewer.restore(config); | ||
| // return await viewer.save(); | ||
| // }, config); | ||
|
|
||
| // expect(config3).toEqual({ | ||
| // aggregates: {}, | ||
| // column_pivots: [], | ||
| // columns: ["Profit", "Sales"], | ||
| // expressions: [], | ||
| // filter: [], | ||
| // plugin: "Debug", | ||
| // plugin_config: {}, | ||
| // row_pivots: ["State"], | ||
| // settings: true, | ||
| // sort: [], | ||
| // }); | ||
|
|
||
| // return await get_contents(page); | ||
| // } | ||
| // ); | ||
| // }, | ||
| // {root: path.join(__dirname, "..", "..")} | ||
| // ); | ||
| // }); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters