ant-design/tests/shared/demoTest.tsx
二货爱吃白萝卜 5bf08faeea
refactor: rename qrcode to qr-code (#43607)
* refactor: rename qrcode to qr-code

* test: patch test case

* chore: fix Form missing displayName

* chore: patch displayName

* chore: style path

* chore: fix compile
2023-07-17 23:43:32 +08:00

112 lines
3.5 KiB
TypeScript

/* eslint-disable react/jsx-no-constructed-context-values */
import { createCache, StyleProvider } from '@ant-design/cssinjs';
import { globSync } from 'glob';
import path from 'path';
import * as React from 'react';
import { renderToString } from 'react-dom/server';
import { kebabCase } from 'lodash';
import { render } from '../utils';
import { TriggerMockContext } from './demoTestContext';
import { excludeWarning } from './excludeWarning';
import rootPropsTest from './rootPropsTest';
export { rootPropsTest };
require('isomorphic-fetch');
export type Options = {
skip?: boolean | string[];
testingLib?: boolean;
testRootProps?: false | object;
/**
* Not check component `displayName`, check path only
*/
nameCheckPathOnly?: boolean;
};
function baseText(doInject: boolean, component: string, options: Options = {}) {
const files = globSync(`./components/${component}/demo/*.tsx`);
files.forEach((file) => {
// to compatible windows path
file = file.split(path.sep).join('/');
const testMethod =
options.skip === true ||
(Array.isArray(options.skip) && options.skip.some((c) => file.includes(c)))
? test.skip
: test;
// function doTest(name: string, openTrigger = false) {
testMethod(
doInject ? `renders ${file} extend context correctly` : `renders ${file} correctly`,
() => {
const errSpy = excludeWarning();
Date.now = jest.fn(() => new Date('2016-11-22').getTime());
jest.useFakeTimers().setSystemTime(new Date('2016-11-22'));
let Demo = require(`../../${file}`).default; // eslint-disable-line global-require, import/no-dynamic-require
// Inject Trigger status unless skipped
Demo = typeof Demo === 'function' ? <Demo /> : Demo;
if (doInject) {
Demo = (
<TriggerMockContext.Provider value={{ popupVisible: true }}>
{Demo}
</TriggerMockContext.Provider>
);
}
// Inject cssinjs cache to avoid create <style /> element
Demo = <StyleProvider cache={createCache()}>{Demo}</StyleProvider>;
// Demo Test also include `dist` test which is already uglified.
// We need test this as SSR instead.
if (doInject) {
const { container } = render(Demo);
expect({ type: 'demo', html: container.innerHTML }).toMatchSnapshot();
} else {
const html = renderToString(Demo);
expect({ type: 'demo', html }).toMatchSnapshot();
}
jest.clearAllTimers();
errSpy.mockRestore();
},
);
jest.useRealTimers();
});
}
/**
* Inject Trigger to force open in test snapshots
*/
export function extendTest(component: string, options: Options = {}) {
baseText(true, component, options);
}
/**
* Test all the demo snapshots
*/
export default function demoTest(component: string, options: Options = {}) {
baseText(false, component, options);
// Test component name is match the kebab-case
const testName = test;
testName('component name is match the kebab-case', () => {
const kebabName = kebabCase(component);
// Path should exist
// eslint-disable-next-line global-require, import/no-dynamic-require
const { default: Component } = require(`../../components/${kebabName}`);
if (options.nameCheckPathOnly !== true) {
expect(kebabCase(Component.displayName || '')).toEqual(kebabName);
}
});
if (options?.testRootProps !== false) {
rootPropsTest(component, null!, {
props: options?.testRootProps,
});
}
}