mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 21:48:19 +08:00
14a1e6bd51
* feat: tsconfig enable strict * feat: add no-explicit-any * feat: strict * feat: as THEME * feat: 优化 keys 类型写法 * feat: demo remove any * feat: as number * feat: this any * feat: add eslint * feat: cascader * feat: props any * feat: remove any * feat: remove any * feat: any 提示错误 * feat: remove any * feat: add eslint * feat: 允许 T = any 存在 * feat: color funciton * feat: 恢复 lint * feat: merge master * feat: as ReactElement * feat: type
112 lines
3.1 KiB
TypeScript
112 lines
3.1 KiB
TypeScript
import '@testing-library/jest-dom';
|
|
|
|
import { toHaveNoViolations } from 'jest-axe';
|
|
import jsdom from 'jsdom';
|
|
import format, { plugins } from 'pretty-format';
|
|
|
|
import { defaultConfig } from '../components/theme/internal';
|
|
|
|
// Not use dynamic hashed for test env since version will change hash dynamically.
|
|
defaultConfig.hashed = false;
|
|
|
|
if (process.env.LIB_DIR === 'dist') {
|
|
jest.mock('antd', () => jest.requireActual('../dist/antd'));
|
|
} else if (process.env.LIB_DIR === 'dist-min') {
|
|
jest.mock('antd', () => jest.requireActual('../dist/antd.min'));
|
|
} else if (process.env.LIB_DIR === 'es') {
|
|
jest.mock('antd', () => jest.requireActual('../es'));
|
|
jest.mock('../es/theme/internal', () => {
|
|
const esTheme = jest.requireActual('../es/theme/internal');
|
|
if (esTheme.defaultConfig) {
|
|
esTheme.defaultConfig.hashed = false;
|
|
}
|
|
|
|
return esTheme;
|
|
});
|
|
}
|
|
|
|
function cleanup(node: HTMLElement) {
|
|
const childList = Array.from(node.childNodes);
|
|
node.innerHTML = '';
|
|
childList.forEach((child) => {
|
|
if (!(child instanceof Text)) {
|
|
node.appendChild(cleanup(child as any));
|
|
} else if (child.textContent) {
|
|
node.appendChild(child);
|
|
}
|
|
});
|
|
return node;
|
|
}
|
|
|
|
function formatHTML(nodes: any) {
|
|
let cloneNodes: any;
|
|
if (Array.isArray(nodes) || nodes instanceof HTMLCollection || nodes instanceof NodeList) {
|
|
cloneNodes = Array.from(nodes).map((node) => cleanup(node.cloneNode(true) as any));
|
|
} else {
|
|
cloneNodes = cleanup(nodes.cloneNode(true));
|
|
}
|
|
|
|
const htmlContent = format(cloneNodes, {
|
|
plugins: [plugins.DOMCollection, plugins.DOMElement],
|
|
});
|
|
|
|
const filtered = htmlContent
|
|
.split('\n')
|
|
.filter((line) => line.trim())
|
|
.join('\n');
|
|
|
|
return filtered;
|
|
}
|
|
|
|
/**
|
|
* React 17 & 18 will have different behavior in some special cases:
|
|
*
|
|
* React 17:
|
|
*
|
|
* ```html
|
|
* <span> Hello World </span>
|
|
* ```
|
|
*
|
|
* React 18:
|
|
*
|
|
* ```html
|
|
* <span> Hello World </span>
|
|
* ```
|
|
*
|
|
* These diff is nothing important in front end but will break in snapshot diff.
|
|
*/
|
|
expect.addSnapshotSerializer({
|
|
test: (element) =>
|
|
typeof HTMLElement !== 'undefined' &&
|
|
(element instanceof HTMLElement ||
|
|
element instanceof DocumentFragment ||
|
|
element instanceof HTMLCollection ||
|
|
(Array.isArray(element) && element[0] instanceof HTMLElement)),
|
|
print: (element) => formatHTML(element),
|
|
});
|
|
|
|
/** Demo Test only accept render as SSR to make sure align with both `server` & `client` side */
|
|
expect.addSnapshotSerializer({
|
|
test: (node) => node && typeof node === 'object' && node.type === 'demo' && node.html,
|
|
// @ts-ignore
|
|
print: ({ html }) => {
|
|
const { JSDOM } = jsdom;
|
|
const { document } = new JSDOM().window;
|
|
document.body.innerHTML = html;
|
|
|
|
const children = Array.from(document.body.childNodes);
|
|
|
|
// Clean up `data-reactroot` since React 18 do not have this
|
|
// @ts-ignore
|
|
children.forEach((ele: HTMLElement) => {
|
|
if (typeof ele.removeAttribute === 'function') {
|
|
ele.removeAttribute('data-reactroot');
|
|
}
|
|
});
|
|
|
|
return formatHTML(children.length > 1 ? children : children[0]);
|
|
},
|
|
});
|
|
|
|
expect.extend(toHaveNoViolations);
|