ant-design/tests/shared/demoTest.ts

73 lines
2.1 KiB
TypeScript
Raw Normal View History

2016-12-08 11:08:13 +08:00
import glob from 'glob';
import { render } from 'enzyme';
2016-11-23 12:13:36 +08:00
import MockDate from 'mockdate';
import moment from 'moment';
type CheerIO = ReturnType<typeof render>;
type CheerIOElement = CheerIO[0];
// We should avoid use it in 4.0. Reopen if can not handle this.
const USE_REPLACEMENT = false;
2018-12-01 12:24:57 +08:00
const testDist = process.env.LIB_DIR === 'dist';
/**
* Rc component will generate id for aria usage.
* It's created as `test-uuid` when env === 'test'.
* Or `f7fa7a3c-a675-47bc-912e-0c45fb6a74d9`(randomly) when not test env.
* So we need hack of this to modify the `aria-controls`.
2018-12-01 12:24:57 +08:00
*/
function ariaConvert(wrapper: CheerIO) {
if (!testDist || !USE_REPLACEMENT) return wrapper;
2018-12-01 12:24:57 +08:00
const matches = new Map();
function process(entry: CheerIOElement) {
2020-12-08 17:56:31 +08:00
if (entry.type === 'text') {
return;
}
2018-12-01 12:24:57 +08:00
const { attribs, children } = entry;
if (matches.has(entry)) return;
matches.set(entry, true);
// Change aria
if (attribs && attribs['aria-controls']) {
attribs['aria-controls'] = ''; // Remove all the aria to keep render sync in jest & jest node
2018-12-01 12:24:57 +08:00
}
// Loop children
2020-12-08 17:56:31 +08:00
if (!children) {
return;
}
2018-12-01 12:24:57 +08:00
(Array.isArray(children) ? children : [children]).forEach(process);
}
wrapper.each((_, entry) => process(entry));
2018-12-01 12:24:57 +08:00
return wrapper;
}
type Options = {
skip?: boolean;
};
export default function demoTest(component: string, options: Options = {}) {
const files = glob.sync(`./components/${component}/demo/*.md`);
2018-12-07 16:17:45 +08:00
files.forEach(file => {
let testMethod = options.skip === true ? test.skip : test;
2016-12-08 11:08:13 +08:00
if (Array.isArray(options.skip) && options.skip.some(c => file.includes(c))) {
testMethod = test.skip;
}
testMethod(`renders ${file} correctly`, () => {
MockDate.set(moment('2016-11-22').valueOf());
const demo = require(`../.${file}`).default; // eslint-disable-line global-require, import/no-dynamic-require
const wrapper = render(demo);
2018-12-01 12:24:57 +08:00
// Convert aria related content
ariaConvert(wrapper);
2017-04-02 18:12:05 +08:00
expect(wrapper).toMatchSnapshot();
2016-11-23 12:13:36 +08:00
MockDate.reset();
});
});
}