mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-23 01:45:05 +08:00
45eeee60bb
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
* chore: add unstable entrance * chore: rest of it * chore: use React 19 * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: fix lint * chore: test ignore 19 preload * chore: bump rc-util * fix: warning of pure render * fix: warning of 19 * chore: adjust ts * test: fix test logic * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * chore: restore file * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: fix test case * test: update test * test: fix test case * test: update snapshot * test: fix coverage * test: fix coverage * test: add ignore image
138 lines
4.1 KiB
TypeScript
138 lines
4.1 KiB
TypeScript
import path from 'path';
|
|
import * as React from 'react';
|
|
import { createCache, StyleProvider } from '@ant-design/cssinjs';
|
|
import { ConfigProvider } from 'antd';
|
|
import { globSync } from 'glob';
|
|
import kebabCase from 'lodash/kebabCase';
|
|
import { renderToString } from 'react-dom/server';
|
|
|
|
import { resetWarned } from '../../components/_util/warning';
|
|
import { render } from '../utils';
|
|
import { TriggerMockContext } from './demoTestContext';
|
|
import { excludeWarning, isSafeWarning } 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 baseTest(doInject: boolean, component: string, options: Options = {}) {
|
|
const files = globSync(`./components/${component}/demo/*.tsx`).filter(
|
|
(file) => !file.includes('_semantic'),
|
|
);
|
|
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`,
|
|
() => {
|
|
resetWarned();
|
|
|
|
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;
|
|
// 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 = (
|
|
<ConfigProvider theme={{ hashed: false }}>
|
|
<StyleProvider cache={createCache()}>{Demo}</StyleProvider>
|
|
</ConfigProvider>
|
|
);
|
|
|
|
// 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();
|
|
|
|
// Snapshot of warning info
|
|
if (doInject) {
|
|
const errorMessageSet = new Set(errSpy.mock.calls.map((args) => args[0]));
|
|
const errorMessages = Array.from(errorMessageSet)
|
|
.filter((msg) => !isSafeWarning(msg, true))
|
|
.sort();
|
|
|
|
// Console log the error messages for debugging
|
|
if (errorMessages.length) {
|
|
console.log(errSpy.mock.calls);
|
|
}
|
|
|
|
expect(errorMessages).toMatchSnapshot();
|
|
}
|
|
|
|
errSpy.mockRestore();
|
|
},
|
|
);
|
|
jest.useRealTimers();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Inject Trigger to force open in test snapshots
|
|
*/
|
|
export function extendTest(component: string, options: Options = {}) {
|
|
baseTest(true, component, options);
|
|
}
|
|
|
|
/**
|
|
* Test all the demo snapshots
|
|
*/
|
|
export default function demoTest(component: string, options: Options = {}) {
|
|
baseTest(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
|
|
|
|
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,
|
|
});
|
|
}
|
|
}
|