mirror of
https://github.com/docsifyjs/docsify.git
synced 2025-12-08 19:55:52 +00:00
c49c39a4a2
* Update test environments and lint configuration Update Jest (unit + integration) and Playwright (e2e) test environments. Includes stability improvements for e2e tests using newer, more stable methods per the Playwright docs. - Update Jest 26 => 27 - Update Jest-related libs (babel parser) - Update Playwright 1.8 => Playwright Test 1.18 - Update GitHub CI (action versions, job parallelization, and matrices) - Update ESLint 5 => 8 - Update ESLint-related libs (parser, prettier, Jest, Playwright) - Fix test failures on M1-based Macs - Fix e2e stability issues by replacing PW $ method calls - Fix ESLint errors - Fix incorrect CI flag on Jest runs (-ci => --ci) - Refactor e2e test runner from Jest to Playwright Test - Refactor e2e test files for Playwright Test - Refactor fix-lint script name to lint:fix for consistency - Refactor npm scripts order for readability - Remove unnecessary configs and libs - Remove example image snapshots
123 lines
3.9 KiB
JavaScript
123 lines
3.9 KiB
JavaScript
//
|
|
import { greet } from './fixtures/greet.js';
|
|
import { getTimeOfDay } from './fixtures/get-time-of-day.js';
|
|
import * as getTimeOfDayModule from './fixtures/get-time-of-day.js';
|
|
|
|
// const greet = require('./fixtures/greet');
|
|
// const getTimeOfDay = require('./fixtures/get-time-of-day');
|
|
// const getTimeOfDayModule = { getTimeOfDay: getTimeOfDay };
|
|
|
|
// Suite
|
|
// -----------------------------------------------------------------------------
|
|
describe(`Example Tests`, function () {
|
|
// Tests
|
|
// ---------------------------------------------------------------------------
|
|
describe('Jest & JSDOM basics', function () {
|
|
test('dom manipulation (jsdom)', () => {
|
|
const testText = 'This is a test';
|
|
const testHTML = `<h1>Test</h1><p>${testText}</p>`;
|
|
|
|
// Inject HTML
|
|
document.body.innerHTML = testHTML;
|
|
|
|
// Add class to <body> element and verify
|
|
document.body.classList.add('foo');
|
|
|
|
// Test HTML
|
|
expect(document.body.getAttribute('class')).toBe('foo');
|
|
expect(document.body.textContent).toMatch(/Test/);
|
|
expect(document.querySelectorAll('p')).toHaveLength(1);
|
|
expect(document.querySelector('p').textContent).toBe(testText);
|
|
expect(document.querySelector('table')).toBeNull();
|
|
});
|
|
|
|
// Snapshot Testing
|
|
// https://jestjs.io/docs/en/snapshot-testing
|
|
test('snapshot (jsdom)', () => {
|
|
const testText = 'This is a test';
|
|
const testHTML = `<h1>Test</h1><p>${testText}</p>`;
|
|
|
|
// Inject HTML
|
|
document.body.innerHTML = testHTML;
|
|
|
|
// Add class to <body> element and verify
|
|
document.body.classList.add('foo');
|
|
|
|
const documentHTML = document.documentElement.outerHTML;
|
|
|
|
// Test snapshots
|
|
expect(documentHTML).toMatchSnapshot(); // See __snapshots__
|
|
expect(documentHTML).toMatchInlineSnapshot(
|
|
`"<html><head></head><body class=\\"foo\\"><h1>Test</h1><p>This is a test</p></body></html>"`
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('Fake Timers', function () {
|
|
test('data & time', () => {
|
|
const fakeDate = new Date().setHours(1);
|
|
|
|
jest.useFakeTimers();
|
|
jest.setSystemTime(fakeDate);
|
|
|
|
const timeOfDay = getTimeOfDay();
|
|
|
|
expect(timeOfDay).toBe('morning');
|
|
});
|
|
});
|
|
|
|
describe('Mocks & Spies', function () {
|
|
test('mock import/require dependency using jest.fn()', () => {
|
|
const testModule = require('./fixtures/get-time-of-day.js');
|
|
const { greet: testGreet } = require('./fixtures/greet.js');
|
|
|
|
testModule.getTimeOfDay = jest.fn(() => 'day');
|
|
|
|
const timeOfDay = testModule.getTimeOfDay();
|
|
const greeting = testGreet('John');
|
|
|
|
expect(timeOfDay).toBe('day');
|
|
expect(greeting).toBe(`Good day, John!`);
|
|
});
|
|
|
|
test('mock import/require dependency using jest.doMock()', () => {
|
|
const mockModulePath = './fixtures/get-time-of-day.js';
|
|
|
|
jest.doMock(mockModulePath, () => ({
|
|
__esModule: true,
|
|
getTimeOfDay: jest.fn(() => 'night'),
|
|
}));
|
|
|
|
const mockGetTimeOfDay = require(mockModulePath).getTimeOfDay;
|
|
const { greet: testGreet } = require('./fixtures/greet.js');
|
|
|
|
const timeOfDay = mockGetTimeOfDay();
|
|
const greeting = testGreet('John');
|
|
|
|
expect(timeOfDay).toBe('night');
|
|
expect(greeting).toBe(`Good night, John!`);
|
|
});
|
|
|
|
test('spy on native method using jest.spyOn()', () => {
|
|
// Replace Math.random() implementation to return fixed value
|
|
jest.spyOn(Math, 'random').mockImplementation(() => 0.1);
|
|
|
|
expect(Math.random()).toBe(0.1);
|
|
expect(Math.random()).toBe(0.1);
|
|
expect(Math.random()).toBe(0.1);
|
|
});
|
|
|
|
test('spy on import/require dependency using jest.spyOn()', () => {
|
|
jest
|
|
.spyOn(getTimeOfDayModule, 'getTimeOfDay')
|
|
.mockImplementation(() => 'night');
|
|
|
|
const timeOfDay = getTimeOfDay();
|
|
const greeting = greet('John');
|
|
|
|
expect(timeOfDay).toBe('night');
|
|
expect(greeting).toBe(`Good night, John!`);
|
|
});
|
|
});
|
|
});
|