mirror of
https://github.com/apache/superset.git
synced 2026-04-12 12:47:53 +00:00
8b7aaec19d
* [perf] add webpack 4 + SplitChunks + lazy load visualizations (#5240) * [webpack] setup lazy loading for all visualizations * [lazy-load] push renderVis function to <Chart /> state * no mapbox token * [lazy loading] use native webpack import func to fix chunk names, add babel-plugin-syntax-dynamic-import, fix rebase bug. * fix geojson import, undefined t, and fix async css bug * [lazy load] actually add babel-plugin-syntax-dynamic-import * [webpack] working dev version of webpack v4 * [webpack 4] fix url issues, use mini-css-extract-plugin and webpack-assets-manifest plugins * [webpack 4] use splitchunks for all files, update templates to multi-file entrypoints * [webpack 4] multiple theme entry files for markup vis css, don't uglify mapbox * [webpack 4] lint python manifest changes, update yarn lock. * [webpack 4] fix tests with babel-plugin-dynamic-import-node * [webpack 4] only use 'dynamic-import-node' plugin in tests, update <Chart /> vis promise when vis type changes * [webpack 4] clean up package.json and yarn.lock after rebase * [webpack 4] lint? * [webpack 4] lint for real * [webpack 4][istanbul] ignore visualizations/index.js * [webpack 4] fix rebase bug, update dashboard/deprecated/chart/Chart.jsx to use vis promises. * [webpack 4] lint and test * [webpack 4] yarn.lock
86 lines
2.1 KiB
JavaScript
86 lines
2.1 KiB
JavaScript
import React from 'react';
|
|
import { shallow } from 'enzyme';
|
|
import { describe, it } from 'mocha';
|
|
import { expect } from 'chai';
|
|
import sinon from 'sinon';
|
|
|
|
import { chart as initChart } from '../../../src/chart/chartReducer';
|
|
import Chart from '../../../src/chart/Chart';
|
|
import ChartBody from '../../../src/chart/ChartBody';
|
|
import Loading from '../../../src/components/Loading';
|
|
|
|
describe('Chart', () => {
|
|
const chart = {
|
|
...initChart,
|
|
queryResponse: {
|
|
form_data: {},
|
|
error: null,
|
|
status: 'success',
|
|
},
|
|
};
|
|
const mockedProps = {
|
|
...chart,
|
|
id: 223,
|
|
containerId: 'slice-container-223',
|
|
datasource: {},
|
|
formData: {},
|
|
vizType: 'pie',
|
|
height: 300,
|
|
width: 400,
|
|
actions: {
|
|
runQuery: () => {},
|
|
},
|
|
};
|
|
|
|
let wrapper;
|
|
beforeEach(() => {
|
|
wrapper = shallow(
|
|
<Chart {...mockedProps} />,
|
|
);
|
|
});
|
|
describe('renderVis', () => {
|
|
let stub;
|
|
beforeEach(() => {
|
|
stub = sinon.stub(wrapper.instance(), 'renderVis');
|
|
});
|
|
afterEach(() => {
|
|
stub.restore();
|
|
});
|
|
|
|
it('should not call when loading', () => {
|
|
const prevProp = wrapper.props();
|
|
wrapper.setProps({
|
|
height: 100,
|
|
});
|
|
wrapper.instance().componentDidUpdate(prevProp);
|
|
expect(stub.callCount).to.equals(0);
|
|
});
|
|
|
|
it('should call after chart stop loading', () => {
|
|
const prevProp = wrapper.props();
|
|
wrapper.setProps({
|
|
chartStatus: 'success',
|
|
});
|
|
wrapper.instance().componentDidUpdate(prevProp);
|
|
expect(stub.callCount).to.equals(1);
|
|
});
|
|
|
|
it('should call after resize', () => {
|
|
const prevProp = wrapper.props();
|
|
wrapper.setProps({
|
|
chartStatus: 'rendered',
|
|
height: 100,
|
|
});
|
|
wrapper.instance().componentDidUpdate(prevProp);
|
|
expect(stub.callCount).to.equals(1);
|
|
});
|
|
});
|
|
|
|
describe('render', () => {
|
|
it('should render ChartBody after loading is completed', () => {
|
|
expect(wrapper.find(Loading)).to.have.length(1);
|
|
expect(wrapper.find(ChartBody)).to.have.length(0);
|
|
});
|
|
});
|
|
});
|