[refactor] Migrate from Mocha+Chai to Jest (#6079)

* [refactor] Migrate from Mocha+Chai to Jest

This change migrates all the existing unit tests
- to Jest's global expect and matchers from chai's imported expect, asserts and matchers.
- to Jest's describe/test from mocha's describe/it

The majority of the mechanical changes to tests are achieved through running jest-codemods. The only two note-worthy manual tweaks:
1. Setting a testURL of http://localhost in jest config and adjusting a few tests to leverage this value instead of relying on about:blank.
2. Re-enabling ExploreChartPanel_spec which was previously commented out as we cannot have empty tests with nothing in it with Jest. :)

This change also removes dependencies to Mocha and Chai.

* Remove the test:one command as it now does the same thing as test.

* Fixing lint errors. The diff looks large but is large done through `yarn run lint --fix`

The only noteworthy change is the one in eslintrc for tests. The env has been updated from mocha to jest.

* Adding eslint-plugin-jest and further modify tests.

- One small fix in sqllab's Timer Spec for a test that is not using the spy it created for testing.
- Deletion of a duplicated test caught by eslint-plugin-jest.

* - Make istanbul coverage work with Jest.

- Remove dependency on stand-alone istanbul and babel-istanbul as they're built-into jest. Yes!

* Attempt to fix dynamic imports in tests.

* run sequentially and log heap usage

* - tweaking maxworkers for travis and specifying coverageDirectory for codecov

- remove dynamic import in shim.js now that it is set in babelrc for tests only.
This commit is contained in:
Christine Chambers
2018-10-15 13:10:18 -07:00
committed by Chris Williams
parent 46c86672c8
commit 9029701f24
177 changed files with 2539 additions and 2166 deletions

View File

@@ -1,5 +1,3 @@
import { expect } from 'chai';
import getDetailedComponentWidth from '../../../../src/dashboard/util/getDetailedComponentWidth';
import * as types from '../../../../src/dashboard/util/componentTypes';
import {
@@ -10,8 +8,10 @@ import {
describe('getDetailedComponentWidth', () => {
it('should return an object with width, minimumWidth, and occupiedWidth', () => {
expect(
getDetailedComponentWidth({ id: '_', components: {} }),
).to.have.all.keys(['minimumWidth', 'occupiedWidth', 'width']);
Object.keys(getDetailedComponentWidth({ id: '_', components: {} })),
).toEqual(
expect.arrayContaining(['minimumWidth', 'occupiedWidth', 'width']),
);
});
describe('width', () => {
@@ -26,19 +26,19 @@ describe('getDetailedComponentWidth', () => {
getDetailedComponentWidth({
component: { id: '', type: types.HEADER_TYPE },
}),
).to.deep.equal(empty);
).toEqual(empty);
expect(
getDetailedComponentWidth({
component: { id: '', type: types.DIVIDER_TYPE },
}),
).to.deep.equal(empty);
).toEqual(empty);
expect(
getDetailedComponentWidth({
component: { id: '', type: types.TAB_TYPE },
}),
).to.deep.equal(empty);
).toEqual(empty);
});
it('should match component meta width for resizeable components', () => {
@@ -46,20 +46,20 @@ describe('getDetailedComponentWidth', () => {
getDetailedComponentWidth({
component: { id: '', type: types.CHART_TYPE, meta: { width: 1 } },
}),
).to.deep.equal({ width: 1, occupiedWidth: 1, minimumWidth: 1 });
).toEqual({ width: 1, occupiedWidth: 1, minimumWidth: 1 });
expect(
getDetailedComponentWidth({
component: { id: '', type: types.MARKDOWN_TYPE, meta: { width: 2 } },
}),
).to.deep.equal({ width: 2, occupiedWidth: 2, minimumWidth: 1 });
).toEqual({ width: 2, occupiedWidth: 2, minimumWidth: 1 });
expect(
getDetailedComponentWidth({
component: { id: '', type: types.COLUMN_TYPE, meta: { width: 3 } },
}),
// note: occupiedWidth is zero for colunns/see test below
).to.deep.equal({ width: 3, occupiedWidth: 0, minimumWidth: 1 });
).toEqual({ width: 3, occupiedWidth: 0, minimumWidth: 1 });
});
it('should be GRID_COLUMN_COUNT for row components WITHOUT parents', () => {
@@ -68,7 +68,7 @@ describe('getDetailedComponentWidth', () => {
id: 'row',
components: { row: { id: 'row', type: types.ROW_TYPE } },
}),
).to.deep.equal({
).toEqual({
width: GRID_COLUMN_COUNT,
occupiedWidth: 0,
minimumWidth: GRID_MIN_COLUMN_COUNT,
@@ -89,7 +89,7 @@ describe('getDetailedComponentWidth', () => {
},
},
}),
).to.deep.equal({
).toEqual({
width: 7,
occupiedWidth: 0,
minimumWidth: GRID_MIN_COLUMN_COUNT,
@@ -104,13 +104,13 @@ describe('getDetailedComponentWidth', () => {
id: { id: 'id', type: types.CHART_TYPE, meta: { width: 6 } },
},
}).width,
).to.equal(6);
).toBe(6);
expect(
getDetailedComponentWidth({
component: { id: 'id', type: types.CHART_TYPE, meta: { width: 6 } },
}).width,
).to.equal(6);
).toBe(6);
});
});
@@ -128,7 +128,7 @@ describe('getDetailedComponentWidth', () => {
child: { id: 'child', meta: { width: 3.5 } },
},
}),
).to.deep.equal({ width: 12, occupiedWidth: 7, minimumWidth: 7 });
).toEqual({ width: 12, occupiedWidth: 7, minimumWidth: 7 });
});
it('should always be zero for column components', () => {
@@ -136,7 +136,7 @@ describe('getDetailedComponentWidth', () => {
getDetailedComponentWidth({
component: { id: '', type: types.COLUMN_TYPE, meta: { width: 2 } },
}),
).to.deep.equal({ width: 2, occupiedWidth: 0, minimumWidth: 1 });
).toEqual({ width: 2, occupiedWidth: 0, minimumWidth: 1 });
});
});
@@ -146,7 +146,7 @@ describe('getDetailedComponentWidth', () => {
getDetailedComponentWidth({
component: { id: '', type: types.CHART_TYPE, meta: { width: 1 } },
}),
).to.deep.equal({
).toEqual({
width: 1,
minimumWidth: GRID_MIN_COLUMN_COUNT,
occupiedWidth: 1,
@@ -156,7 +156,7 @@ describe('getDetailedComponentWidth', () => {
getDetailedComponentWidth({
component: { id: '', type: types.MARKDOWN_TYPE, meta: { width: 2 } },
}),
).to.deep.equal({
).toEqual({
width: 2,
minimumWidth: GRID_MIN_COLUMN_COUNT,
occupiedWidth: 2,
@@ -166,7 +166,7 @@ describe('getDetailedComponentWidth', () => {
getDetailedComponentWidth({
component: { id: '', type: types.COLUMN_TYPE, meta: { width: 3 } },
}),
).to.deep.equal({
).toEqual({
width: 3,
minimumWidth: GRID_MIN_COLUMN_COUNT,
occupiedWidth: 0,
@@ -200,7 +200,7 @@ describe('getDetailedComponentWidth', () => {
},
}),
// occupiedWidth is zero for colunns/see test below
).to.deep.equal({ width: 12, occupiedWidth: 0, minimumWidth: 7 });
).toEqual({ width: 12, occupiedWidth: 0, minimumWidth: 7 });
});
it('should equal occupiedWidth for row components', () => {
@@ -216,7 +216,7 @@ describe('getDetailedComponentWidth', () => {
child: { id: 'child', meta: { width: 3.5 } },
},
}),
).to.deep.equal({ width: 12, occupiedWidth: 7, minimumWidth: 7 });
).toEqual({ width: 12, occupiedWidth: 7, minimumWidth: 7 });
});
});
});