mirror of
https://github.com/apache/superset.git
synced 2026-04-11 12:26:05 +00:00
73db918fbe
* Bumping react==16.4.1 & enzyme==3.3.0 The upgrade was pretty smooth except for a cryptic message coming out of react-select around running multiple copies of React. It turns out the `common` bundle had React and was conflicting with explore and dashboard apps, only in 16.x. This somehow wasn't a problem in 15.x outside of the wasted resources. Running 16.4 should bring in all sorts of perf improvements and features we've all been waiting for. https://reactjs.org/blog/2017/09/26/react-v16.0.html TODO: react-bootstrap-datetimepicker isn't compatible with React 16 * Trying to deprecate react-bootstrap-datetime * Moving forward * Reintroducing tests
84 lines
2.0 KiB
JavaScript
84 lines
2.0 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', () => {
|
|
wrapper.setProps({
|
|
chartStatus: 'rendered',
|
|
height: 100,
|
|
});
|
|
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);
|
|
});
|
|
});
|
|
});
|