test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-02 03:59:01 +08:00
Code Issues Actions 84 Packages Projects Releases Wiki Activity

enhance: speedup image snapshot diff (#48487)

Browse Source 
* chore: rm useless code

* chore: fix reset logic
This commit is contained in:
二货爱吃白萝卜 2024-04-16 19:07:16 +08:00 committed by GitHub
parent 717272daa2
commit c664676cc0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
tests/shared/imageTest.tsx
View File

@ -4,8 +4,8 @@ import React from 'react';
// eslint-disable-next-line import/no-unresolved
import { createCache, extractStyle, StyleProvider } from '@ant-design/cssinjs';
import dayjs from 'dayjs';
import fse from 'fs-extra';
import { globSync } from 'glob';
import { configureToMatchImageSnapshot } from 'jest-image-snapshot';
import { JSDOM } from 'jsdom';
import MockDate from 'mockdate';
import ReactDOMServer from 'react-dom/server';
@ -17,12 +17,8 @@ import { TriggerMockContext } from './demoTestContext';
jest.mock('../../components/grid/hooks/useBreakpoint', () => () => ({}));
const toMatchImageSnapshot = configureToMatchImageSnapshot({
customSnapshotsDir: `${process.cwd()}/imageSnapshots`,
customDiffDir: `${process.cwd()}/imageDiffSnapshots`,
});
expect.extend({ toMatchImageSnapshot });
const snapshotPath = path.join(process.cwd(), 'imageSnapshots');
fse.ensureDirSync(snapshotPath);
const themes = {
default: theme.defaultAlgorithm,
@ -45,7 +41,7 @@ export default function imageTest(
let doc: Document;
let container: HTMLDivElement;
beforeAll(() => {
beforeAll(async () => {
const dom = new JSDOM('<!DOCTYPE html><body></body></p>', {
url: 'http://localhost/',
});
@ -103,6 +99,8 @@ export default function imageTest(
// Fill window
fillWindowEnv(win);
await page.setRequestInterception(true);
});
beforeEach(() => {
@ -112,8 +110,8 @@ export default function imageTest(
function test(name: string, suffix: string, themedComponent: React.ReactElement) {
it(name, async () => {
await jestPuppeteer.resetPage();
await page.setRequestInterception(true);
await page.setViewport({ width: 800, height: 600 });
const onRequestHandle = (request: any) => {
if (['image'].includes(request.resourceType())) {
request.abort();
@ -212,9 +210,7 @@ export default function imageTest(
fullPage: !options.onlyViewport,
});
expect(image).toMatchImageSnapshot({
customSnapshotIdentifier: `${identifier}${suffix}`,
});
await fse.writeFile(path.join(snapshotPath, `${identifier}${suffix}.png`), image);
MockDate.reset();
page.off('request', onRequestHandle);