perspective/packages/perspective-workspace/test/js/integration/dom.spec.js at ec5ed93c890115a921afb9a781da17f3db2085da · perspective-dev/perspective · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/******************************************************************************
 *
 * Copyright (c) 2019, 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 utils = require("@finos/perspective-test");
const path = require("path");

const TEST_ROOT = path.join(__dirname, "..", "..", "..");
const PATHS = [
    path.join(TEST_ROOT, "dist", "umd"),
    path.join(TEST_ROOT, "dist", "themes"),
    path.join(TEST_ROOT, "test", "html"),
    path.join(TEST_ROOT, "test", "css"),
    path.join(TEST_ROOT, "test", "csv")
];

utils.with_server({paths: PATHS}, () => {
    describe.page(
        "index.html",
        () => {
            describe("removeChild", () => {
                test.capture(
                    "Remove One",
                    async page => {
                        await page.evaluate(() => {
                            const viewer = document.createElement("perspective-viewer");
                            viewer.setAttribute("table", "superstore");
                            viewer.setAttribute("name", "one");
                            viewer.setAttribute("slot", "one");
                            const viewer2 = document.createElement("perspective-viewer");
                            viewer2.setAttribute("table", "superstore");
                            viewer2.setAttribute("name", "two");
                            viewer2.setAttribute("slot", "two");
                            const workspace = document.getElementById("workspace");
                            workspace.appendChild(viewer);
                            workspace.appendChild(viewer2);
                        });
                        while ((await page.$$("perspective-workspace > perspective-viewer[updating]")).length > 0);
                        await page.evaluate(() => {
                            const viewer = document.body.querySelector('perspective-viewer[name="one"]');
                            const workspace = document.getElementById("workspace");
                            workspace.removeChild(viewer);
                        });
                        while ((await page.$$("perspective-workspace > perspective-viewer[updating]")).length > 0);
                    },
                    {timeout: 30000}
                );
            });

            describe("appendChild", () => {
                test.capture(
                    "Create One",
                    async page => {
                        await page.evaluate(() => {
                            const viewer = document.createElement("perspective-viewer");
                            viewer.setAttribute("table", "superstore");
                            viewer.setAttribute("slot", "one");
                            const workspace = document.getElementById("workspace");
                            workspace.appendChild(viewer);
                        });
                        while ((await page.$$("perspective-workspace > perspective-viewer[updating]")).length > 0);
                    },
                    {timeout: 30000}
                );

                test.capture(
                    "Create multiple",
                    async page => {
                        await page.evaluate(() => {
                            const viewer = document.createElement("perspective-viewer");
                            viewer.setAttribute("table", "superstore");
                            viewer.setAttribute("slot", "one");
                            const viewer2 = document.createElement("perspective-viewer");
                            viewer2.setAttribute("table", "superstore");
                            viewer2.setAttribute("slot", "two");
                            const workspace = document.getElementById("workspace");
                            workspace.appendChild(viewer);
                            workspace.appendChild(viewer2);
                        });
                        while ((await page.$$("perspective-workspace > perspective-viewer[updating]")).length > 0);
                    },
                    {timeout: 30000}
                );

                test.capture(
                    "With name",
                    async page => {
                        await page.evaluate(() => {
                            const viewer = document.createElement("perspective-viewer");
                            viewer.setAttribute("table", "superstore");
                            viewer.setAttribute("name", "One");
                            viewer.setAttribute("slot", "one");
                            const workspace = document.getElementById("workspace");
                            workspace.appendChild(viewer);
                        });
                        while ((await page.$$("perspective-workspace > perspective-viewer[updating]")).length > 0);
                    },
                    {timeout: 30000}
                );

                test.capture(
                    "Without slot",
                    async page => {
                        await page.evaluate(() => {
                            const viewer = document.createElement("perspective-viewer");
                            viewer.setAttribute("table", "superstore");
                            const workspace = document.getElementById("workspace");
                            workspace.appendChild(viewer);
                        });
                        while ((await page.$$("perspective-workspace > perspective-viewer[updating]")).length > 0);
                    },
                    {timeout: 30000}
                );
            });
        },
        {root: TEST_ROOT}
    );
});