mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 12:41:06 +08:00
Merge branch 'jeppe/sb-898-blocks-description' of github.com:storybookjs/storybook into jeppe/sb-898-blocks-description
This commit is contained in:
Jeppe Reinhold
commit
4c1199b9d1
@ -19,7 +19,7 @@ executors:
|
||||
docker:
|
||||
- image: cimg/node:16.17.1
|
||||
environment:
|
||||
NODE_OPTIONS: --max_old_space_size=3076
|
||||
NODE_OPTIONS: --max_old_space_size=6144
|
||||
resource_class: <<parameters.class>>
|
||||
sb_node_16_browsers:
|
||||
parameters:
|
||||
@ -32,7 +32,7 @@ executors:
|
||||
docker:
|
||||
- image: cimg/node:16.17.1-browsers
|
||||
environment:
|
||||
NODE_OPTIONS: --max_old_space_size=3076
|
||||
NODE_OPTIONS: --max_old_space_size=6144
|
||||
resource_class: <<parameters.class>>
|
||||
sb_playwright:
|
||||
parameters:
|
||||
@ -43,9 +43,9 @@ executors:
|
||||
default: 'small'
|
||||
working_directory: /tmp/storybook
|
||||
docker:
|
||||
- image: mcr.microsoft.com/playwright:v1.27.0-focal
|
||||
- image: mcr.microsoft.com/playwright:v1.28.0-focal
|
||||
environment:
|
||||
NODE_OPTIONS: --max_old_space_size=3076
|
||||
NODE_OPTIONS: --max_old_space_size=6144
|
||||
resource_class: <<parameters.class>>
|
||||
|
||||
orbs:
|
||||
@ -377,7 +377,7 @@ jobs:
|
||||
name: Test
|
||||
command: |
|
||||
cd code
|
||||
yarn test --coverage --ci
|
||||
yarn test --coverage --ci --runInBand
|
||||
- store_test_results:
|
||||
path: code/junit.xml
|
||||
- persist_to_workspace:
|
||||
@ -405,6 +405,8 @@ jobs:
|
||||
executor:
|
||||
class: medium+
|
||||
name: sb_node_16_browsers
|
||||
environment:
|
||||
NODE_OPTIONS: --max_old_space_size=6144
|
||||
steps:
|
||||
# switched this to the CircleCI helper to get the full git history for TurboSnap
|
||||
- checkout
|
||||
|
||||
7
code/addons/a11y/jest.config.js
Normal file
7
code/addons/a11y/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/actions/jest.config.js
Normal file
7
code/addons/actions/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/backgrounds/jest.config.js
Normal file
7
code/addons/backgrounds/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/controls/jest.config.js
Normal file
7
code/addons/controls/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/docs/jest.config.js
Normal file
7
code/addons/docs/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -56,7 +56,7 @@
|
||||
"./angular": "./angular/index.js",
|
||||
"./angular/index.js": "./angular/index.js",
|
||||
"./web-components/index.js": "./web-components/index.js",
|
||||
"./jest-transform-mdx.js": "./jest-transform-mdx.js",
|
||||
"./jest-transform-mdx": "./jest-transform-mdx.js",
|
||||
"./package.json": "./package.json"
|
||||
},
|
||||
"main": "dist/index.js",
|
||||
@ -85,7 +85,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"@babel/plugin-transform-react-jsx": "^7.12.12",
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@jest/transform": "^28.0.0",
|
||||
"@mdx-js/react": "^2.1.5",
|
||||
"@storybook/blocks": "7.0.0-alpha.49",
|
||||
"@storybook/components": "7.0.0-alpha.49",
|
||||
|
||||
7
code/addons/essentials/jest.config.js
Normal file
7
code/addons/essentials/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -129,7 +129,6 @@
|
||||
"devDependencies": {
|
||||
"@babel/core": "^7.12.10",
|
||||
"@storybook/vue": "7.0.0-alpha.49",
|
||||
"@types/jest": "^26.0.16",
|
||||
"typescript": "~4.6.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
7
code/addons/highlight/jest.config.js
Normal file
7
code/addons/highlight/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/interactions/jest.config.js
Normal file
7
code/addons/interactions/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/jest/jest.config.js
Normal file
7
code/addons/jest/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -27,6 +27,7 @@ describe('defineJestParameter', () => {
|
||||
});
|
||||
|
||||
test('returns null if filename is a module ID that cannot be inferred from', () => {
|
||||
// @ts-expect-error Storybook's fileName type is string, but according to this test it could be number in case it is a module id.
|
||||
expect(defineJestParameter({ fileName: 1234 })).toBeNull();
|
||||
});
|
||||
});
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import type { Parameters } from '@storybook/types';
|
||||
import type { StorybookInternalParameters } from '@storybook/types';
|
||||
|
||||
// addons, panels and events get unique names using a prefix
|
||||
export const PARAM_KEY = 'test';
|
||||
@ -7,7 +7,7 @@ export const PANEL_ID = `${ADDON_ID}/panel`;
|
||||
|
||||
export const ADD_TESTS = `${ADDON_ID}/add_tests`;
|
||||
|
||||
interface AddonParameters extends Parameters {
|
||||
interface AddonParameters extends StorybookInternalParameters {
|
||||
jest?: string | string[] | { disabled: true };
|
||||
}
|
||||
|
||||
|
||||
7
code/addons/links/jest.config.js
Normal file
7
code/addons/links/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/measure/jest.config.js
Normal file
7
code/addons/measure/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/outline/jest.config.js
Normal file
7
code/addons/outline/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
12
code/addons/storyshots/jest.config.js
Normal file
12
code/addons/storyshots/jest.config.js
Normal file
@ -0,0 +1,12 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
snapshotSerializers: [...baseConfig.snapshotSerializers, 'enzyme-to-json/serializer'],
|
||||
transform: {
|
||||
...baseConfig.transform,
|
||||
'^.+\\.stories\\.[jt]sx?$': '@storybook/addon-storyshots/injectFileName',
|
||||
},
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -37,7 +37,7 @@
|
||||
"storybook": "yarn sb dev -p 6006"
|
||||
},
|
||||
"dependencies": {
|
||||
"@jest/transform": "^26.6.2",
|
||||
"@jest/transform": "^28.0.0",
|
||||
"@storybook/addons": "7.0.0-alpha.49",
|
||||
"@storybook/babel-plugin-require-context-hook": "1.0.1",
|
||||
"@storybook/client-api": "7.0.0-alpha.49",
|
||||
@ -46,14 +46,13 @@
|
||||
"@storybook/core-webpack": "7.0.0-alpha.49",
|
||||
"@storybook/types": "7.0.0-alpha.49",
|
||||
"@types/glob": "^7.1.3",
|
||||
"@types/jest": "^26.0.16",
|
||||
"@types/jest-specific-snapshot": "^0.5.3",
|
||||
"core-js": "^3.8.2",
|
||||
"glob": "^7.1.6",
|
||||
"global": "^4.4.0",
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"jest-specific-snapshot": "^6.0.0",
|
||||
"preact-render-to-string": "^5.1.19",
|
||||
"pretty-format": "^26.6.2",
|
||||
"pretty-format": "^28.0.0",
|
||||
"react-test-renderer": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
||||
"read-pkg-up": "^7.0.1",
|
||||
"ts-dedent": "^2.0.0"
|
||||
|
||||
@ -4,33 +4,33 @@ const target = new Stories2SnapsConverter();
|
||||
|
||||
describe('getSnapshotFileName', () => {
|
||||
it('fileName is provided - snapshot is stored in __snapshots__ dir', () => {
|
||||
const context = { fileName: 'foo.js' };
|
||||
const context = { fileName: 'foo.js', kind: 'kind' };
|
||||
|
||||
// @ts-expect-error (TODO)
|
||||
const result = target.getSnapshotFileName(context);
|
||||
const platformAgnosticResult = result.replace(/\\|\//g, '/');
|
||||
|
||||
expect(platformAgnosticResult).toBe('__snapshots__/foo.storyshot');
|
||||
// This is an absolute path, so we need to use `toContain()`
|
||||
expect(platformAgnosticResult).toContain('__snapshots__/foo.storyshot');
|
||||
});
|
||||
|
||||
it('fileName with multiple extensions is provided - only the last extension is replaced', () => {
|
||||
const context = { fileName: 'foo.web.stories.js' };
|
||||
const context = { fileName: 'foo.web.stories.js', kind: 'kind' };
|
||||
|
||||
// @ts-expect-error (TODO)
|
||||
const result = target.getSnapshotFileName(context);
|
||||
const platformAgnosticResult = result.replace(/\\|\//g, '/');
|
||||
|
||||
expect(platformAgnosticResult).toBe('__snapshots__/foo.web.stories.storyshot');
|
||||
// This is an absolute path, so we need to use `toContain()`
|
||||
expect(platformAgnosticResult).toContain('__snapshots__/foo.web.stories.storyshot');
|
||||
});
|
||||
|
||||
it('fileName with dir is provided - __snapshots__ dir is created inside another dir', () => {
|
||||
const context = { fileName: 'test/foo.js' };
|
||||
const context = { fileName: 'test/foo.js', kind: 'kind' };
|
||||
|
||||
// @ts-expect-error (TODO)
|
||||
const result = target.getSnapshotFileName(context);
|
||||
const platformAgnosticResult = result.replace(/\\|\//g, '/');
|
||||
|
||||
expect(platformAgnosticResult).toBe('test/__snapshots__/foo.storyshot');
|
||||
// This is an absolute path, so we need to use `toContain()`
|
||||
expect(platformAgnosticResult).toContain('test/__snapshots__/foo.storyshot');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@ -29,7 +29,15 @@ export class Stories2SnapsConverter {
|
||||
const { dir, name } = path.parse(fileName);
|
||||
const { snapshotsDirName, snapshotExtension } = this.options;
|
||||
|
||||
return path.format({ dir: path.join(dir, snapshotsDirName), name, ext: snapshotExtension });
|
||||
// Convert to absolute path, in case jest is not running in CWD,
|
||||
// else it will create snapshots with the wrong path
|
||||
const absDir = path.isAbsolute(dir) ? dir : path.resolve(dir);
|
||||
|
||||
return path.format({
|
||||
dir: path.join(absDir, snapshotsDirName),
|
||||
name,
|
||||
ext: snapshotExtension,
|
||||
});
|
||||
}
|
||||
|
||||
getSnapshotFileName(context: { fileName?: string; kind: any }) {
|
||||
|
||||
7
code/addons/storysource/jest.config.js
Normal file
7
code/addons/storysource/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/toolbars/jest.config.js
Normal file
7
code/addons/toolbars/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/addons/viewport/jest.config.js
Normal file
7
code/addons/viewport/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -1,5 +1,12 @@
|
||||
const path = require('path');
|
||||
|
||||
module.exports = {
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
preset: 'jest-preset-angular',
|
||||
setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
|
||||
transformIgnorePatterns: ['^.+\\.js$'],
|
||||
transformIgnorePatterns: ['/node_modules/(?!@angular|rxjs|nanoid|uuid)'],
|
||||
snapshotFormat: {
|
||||
escapeString: true,
|
||||
printBasicPrototype: true,
|
||||
},
|
||||
};
|
||||
|
||||
@ -81,9 +81,9 @@
|
||||
"@types/rimraf": "^3.0.2",
|
||||
"@types/tmp": "^0.2.3",
|
||||
"cross-spawn": "^7.0.3",
|
||||
"jest": "^27.5.1",
|
||||
"jest": "^28.0.0",
|
||||
"jest-preset-angular": "^12.0.0",
|
||||
"jest-specific-snapshot": "^5.0.0",
|
||||
"jest-specific-snapshot": "^6.0.0",
|
||||
"rimraf": "^3.0.2",
|
||||
"tmp": "^0.2.1",
|
||||
"typescript": "~4.6.3",
|
||||
|
||||
@ -1,4 +1,12 @@
|
||||
// eslint-disable-next-line import/no-extraneous-dependencies
|
||||
import 'jest-preset-angular/setup-jest';
|
||||
|
||||
import { webcrypto } from 'node:crypto';
|
||||
|
||||
Object.defineProperty(window, 'crypto', {
|
||||
get() {
|
||||
return webcrypto;
|
||||
},
|
||||
});
|
||||
|
||||
global.EventSource = class {} as any;
|
||||
|
||||
@ -3,8 +3,13 @@ import { TestingArchitectHost } from '@angular-devkit/architect/testing';
|
||||
import { schema } from '@angular-devkit/core';
|
||||
import * as path from 'path';
|
||||
|
||||
const buildStandaloneMock = jest.fn();
|
||||
jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
|
||||
const buildDevStandaloneMock = jest.fn();
|
||||
const buildStaticStandaloneMock = jest.fn();
|
||||
const buildMock = {
|
||||
buildDevStandalone: buildDevStandaloneMock,
|
||||
buildStaticStandalone: buildStaticStandaloneMock,
|
||||
};
|
||||
jest.doMock('@storybook/core-server', () => buildMock);
|
||||
jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
|
||||
|
||||
const cpSpawnMock = {
|
||||
@ -50,7 +55,7 @@ describe('Build Storybook Builder', () => {
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
buildStandaloneMock.mockImplementation((_options: unknown) => Promise.resolve());
|
||||
buildStaticStandaloneMock.mockImplementation((_options: unknown) => Promise.resolve());
|
||||
cpSpawnMock.spawn.mockImplementation(() => ({
|
||||
stdout: { on: () => {} },
|
||||
stderr: { on: () => {} },
|
||||
@ -74,14 +79,16 @@ describe('Build Storybook Builder', () => {
|
||||
|
||||
expect(output.success).toBeTruthy();
|
||||
expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: 'angular-cli:build-2',
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {},
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
loglevel: undefined,
|
||||
quiet: false,
|
||||
outputDir: 'storybook-static',
|
||||
packageJson: expect.any(Object),
|
||||
mode: 'static',
|
||||
tsConfig: './storybook/tsconfig.ts',
|
||||
webpackStatsJson: false,
|
||||
@ -100,14 +107,16 @@ describe('Build Storybook Builder', () => {
|
||||
|
||||
expect(output.success).toBeTruthy();
|
||||
expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: null,
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {},
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
loglevel: undefined,
|
||||
quiet: false,
|
||||
outputDir: 'storybook-static',
|
||||
packageJson: expect.any(Object),
|
||||
mode: 'static',
|
||||
tsConfig: 'path/to/tsConfig.json',
|
||||
webpackStatsJson: false,
|
||||
@ -127,14 +136,16 @@ describe('Build Storybook Builder', () => {
|
||||
|
||||
expect(output.success).toBeTruthy();
|
||||
expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: null,
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {},
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
loglevel: undefined,
|
||||
quiet: false,
|
||||
outputDir: 'storybook-static',
|
||||
packageJson: expect.any(Object),
|
||||
mode: 'static',
|
||||
tsConfig: 'path/to/tsConfig.json',
|
||||
webpackStatsJson: true,
|
||||
@ -142,7 +153,7 @@ describe('Build Storybook Builder', () => {
|
||||
});
|
||||
|
||||
it('should throw error', async () => {
|
||||
buildStandaloneMock.mockRejectedValue(true);
|
||||
buildStaticStandaloneMock.mockRejectedValue(true);
|
||||
|
||||
const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
|
||||
browserTarget: 'angular-cli:build-2',
|
||||
@ -177,16 +188,19 @@ describe('Build Storybook Builder', () => {
|
||||
['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'],
|
||||
{
|
||||
cwd: '',
|
||||
shell: true,
|
||||
}
|
||||
);
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: 'angular-cli:build-2',
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {},
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
loglevel: undefined,
|
||||
quiet: false,
|
||||
outputDir: 'storybook-static',
|
||||
packageJson: expect.any(Object),
|
||||
mode: 'static',
|
||||
tsConfig: './storybook/tsconfig.ts',
|
||||
webpackStatsJson: false,
|
||||
@ -206,14 +220,16 @@ describe('Build Storybook Builder', () => {
|
||||
|
||||
expect(output.success).toBeTruthy();
|
||||
expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildStaticStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: null,
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: { styles: ['style.scss'] },
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
loglevel: undefined,
|
||||
quiet: false,
|
||||
outputDir: 'storybook-static',
|
||||
packageJson: expect.any(Object),
|
||||
mode: 'static',
|
||||
tsConfig: 'path/to/tsConfig.json',
|
||||
webpackStatsJson: false,
|
||||
|
||||
@ -3,8 +3,13 @@ import { TestingArchitectHost } from '@angular-devkit/architect/testing';
|
||||
import { schema } from '@angular-devkit/core';
|
||||
import * as path from 'path';
|
||||
|
||||
const buildStandaloneMock = jest.fn();
|
||||
jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
|
||||
const buildDevStandaloneMock = jest.fn();
|
||||
const buildStaticStandaloneMock = jest.fn();
|
||||
const buildMock = {
|
||||
buildDevStandalone: buildDevStandaloneMock,
|
||||
buildStaticStandalone: buildStaticStandaloneMock,
|
||||
};
|
||||
jest.doMock('@storybook/core-server', () => buildMock);
|
||||
jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
|
||||
|
||||
const cpSpawnMock = {
|
||||
@ -49,7 +54,7 @@ describe('Start Storybook Builder', () => {
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
buildStandaloneMock.mockImplementation((_options: unknown) => Promise.resolve());
|
||||
buildDevStandaloneMock.mockImplementation((_options: unknown) => Promise.resolve());
|
||||
cpSpawnMock.spawn.mockImplementation(() => ({
|
||||
stdout: { on: () => {} },
|
||||
stderr: { on: () => {} },
|
||||
@ -74,14 +79,16 @@ describe('Start Storybook Builder', () => {
|
||||
|
||||
expect(output.success).toBeTruthy();
|
||||
expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildDevStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: 'angular-cli:build-2',
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {},
|
||||
ci: false,
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
host: 'localhost',
|
||||
https: false,
|
||||
packageJson: expect.any(Object),
|
||||
port: 4400,
|
||||
quiet: false,
|
||||
smokeTest: false,
|
||||
@ -105,14 +112,16 @@ describe('Start Storybook Builder', () => {
|
||||
|
||||
expect(output.success).toBeTruthy();
|
||||
expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildDevStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: null,
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {},
|
||||
ci: false,
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
host: 'localhost',
|
||||
https: false,
|
||||
packageJson: expect.any(Object),
|
||||
port: 4400,
|
||||
quiet: false,
|
||||
smokeTest: false,
|
||||
@ -124,7 +133,7 @@ describe('Start Storybook Builder', () => {
|
||||
});
|
||||
|
||||
it('should throw error', async () => {
|
||||
buildStandaloneMock.mockRejectedValue(true);
|
||||
buildDevStandaloneMock.mockRejectedValue(true);
|
||||
|
||||
const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
|
||||
browserTarget: 'angular-cli:build-2',
|
||||
@ -159,16 +168,19 @@ describe('Start Storybook Builder', () => {
|
||||
['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'],
|
||||
{
|
||||
cwd: '',
|
||||
shell: true,
|
||||
}
|
||||
);
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildDevStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: 'angular-cli:build-2',
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {},
|
||||
ci: false,
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
host: 'localhost',
|
||||
https: false,
|
||||
packageJson: expect.any(Object),
|
||||
port: 9009,
|
||||
quiet: false,
|
||||
smokeTest: false,
|
||||
@ -193,7 +205,7 @@ describe('Start Storybook Builder', () => {
|
||||
|
||||
expect(output.success).toBeTruthy();
|
||||
expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
|
||||
expect(buildStandaloneMock).toHaveBeenCalledWith({
|
||||
expect(buildDevStandaloneMock).toHaveBeenCalledWith({
|
||||
angularBrowserTarget: null,
|
||||
angularBuilderContext: expect.any(Object),
|
||||
angularBuilderOptions: {
|
||||
@ -201,9 +213,11 @@ describe('Start Storybook Builder', () => {
|
||||
},
|
||||
ci: false,
|
||||
configDir: '.storybook',
|
||||
docs: undefined,
|
||||
host: 'localhost',
|
||||
https: false,
|
||||
port: 4400,
|
||||
packageJson: expect.any(Object),
|
||||
quiet: false,
|
||||
smokeTest: false,
|
||||
sslCa: undefined,
|
||||
|
||||
@ -51,6 +51,7 @@ describe('runCompodoc', () => {
|
||||
['compodoc', '-p', 'path/to/tsconfig.json', '-d', 'path/to/project'],
|
||||
{
|
||||
cwd: 'path/to/project',
|
||||
shell: true,
|
||||
}
|
||||
);
|
||||
});
|
||||
@ -74,6 +75,7 @@ describe('runCompodoc', () => {
|
||||
['compodoc', '-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'],
|
||||
{
|
||||
cwd: 'path/to/project',
|
||||
shell: true,
|
||||
}
|
||||
);
|
||||
});
|
||||
|
||||
@ -18,8 +18,8 @@ describe('RendererFactory', () => {
|
||||
beforeEach(async () => {
|
||||
rendererFactory = new RendererFactory();
|
||||
document.body.innerHTML =
|
||||
'<div id="root"></div><div id="root-docs"><div id="story-in-docs"></div></div>';
|
||||
rootTargetDOMNode = global.document.getElementById('root');
|
||||
'<div id="storybook-root"></div><div id="root-docs"><div id="story-in-docs"></div></div>';
|
||||
rootTargetDOMNode = global.document.getElementById('storybook-root');
|
||||
rootDocstargetDOMNode = global.document.getElementById('root-docs');
|
||||
(platformBrowserDynamic as any).mockImplementation(platformBrowserDynamicTesting);
|
||||
jest.spyOn(console, 'log').mockImplementation(() => {});
|
||||
@ -301,14 +301,16 @@ describe('RendererFactory', () => {
|
||||
});
|
||||
|
||||
it('should reset root HTML', async () => {
|
||||
global.document.getElementById('root').appendChild(global.document.createElement('👾'));
|
||||
global.document
|
||||
.getElementById('storybook-root')
|
||||
.appendChild(global.document.createElement('👾'));
|
||||
|
||||
expect(global.document.getElementById('root').innerHTML).toContain('Canvas 🖼');
|
||||
expect(global.document.getElementById('storybook-root').innerHTML).toContain('Canvas 🖼');
|
||||
const render = await rendererFactory.getRendererInstance(
|
||||
'my-story-in-docs',
|
||||
rootDocstargetDOMNode
|
||||
);
|
||||
expect(global.document.getElementById('root').innerHTML).toBe('');
|
||||
expect(global.document.getElementById('storybook-root').innerHTML).toBe('');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
@ -10,7 +10,7 @@ Object {
|
||||
"getSignature": Object {
|
||||
"description": "<p>Getter for <code>inputValue</code>.</p>
|
||||
",
|
||||
"line": 115,
|
||||
"line": 116,
|
||||
"name": "inputValue",
|
||||
"rawdescription": "
|
||||
Getter for \`inputValue\`.",
|
||||
@ -42,7 +42,7 @@ Getter for \`inputValue\`.",
|
||||
"type": "string",
|
||||
},
|
||||
],
|
||||
"line": 110,
|
||||
"line": 111,
|
||||
"name": "inputValue",
|
||||
"rawdescription": "
|
||||
Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
@ -74,7 +74,7 @@ Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
"type": "T[]",
|
||||
},
|
||||
],
|
||||
"line": 195,
|
||||
"line": 196,
|
||||
"name": "item",
|
||||
"returnType": "void",
|
||||
"type": "void",
|
||||
@ -84,7 +84,7 @@ Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
"getSignature": Object {
|
||||
"description": "<p>Get the private value.</p>
|
||||
",
|
||||
"line": 154,
|
||||
"line": 155,
|
||||
"name": "value",
|
||||
"rawdescription": "
|
||||
Get the private value.",
|
||||
@ -116,7 +116,7 @@ Get the private value.",
|
||||
"type": "string | number",
|
||||
},
|
||||
],
|
||||
"line": 149,
|
||||
"line": 150,
|
||||
"name": "value",
|
||||
"rawdescription": "
|
||||
Set the private value.",
|
||||
@ -137,14 +137,14 @@ like <strong>bold</strong>, <em>italic</em>, and <code>inline code</code>.</p>
|
||||
",
|
||||
"encapsulation": Array [],
|
||||
"entryComponents": Array [],
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"hostBindings": Array [
|
||||
Object {
|
||||
"decorators": Array [],
|
||||
"defaultValue": "false",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 124,
|
||||
"line": 125,
|
||||
"name": "class.focused",
|
||||
"type": "boolean",
|
||||
},
|
||||
@ -164,7 +164,7 @@ like <strong>bold</strong>, <em>italic</em>, and <code>inline code</code>.</p>
|
||||
],
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 120,
|
||||
"line": 121,
|
||||
"name": "click",
|
||||
},
|
||||
],
|
||||
@ -177,7 +177,7 @@ like <strong>bold</strong>, <em>italic</em>, and <code>inline code</code>.</p>
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Specify the accent-type of the button</p>
|
||||
",
|
||||
"line": 56,
|
||||
"line": 57,
|
||||
"name": "accent",
|
||||
"rawdescription": "
|
||||
Specify the accent-type of the button",
|
||||
@ -190,7 +190,7 @@ Specify the accent-type of the button",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Appearance style of the button.</p>
|
||||
",
|
||||
"line": 52,
|
||||
"line": 53,
|
||||
"name": "appearance",
|
||||
"rawdescription": "
|
||||
Appearance style of the button.",
|
||||
@ -202,7 +202,7 @@ Appearance style of the button.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Setter for <code>inputValue</code> that is also an <code>@Input</code>.</p>
|
||||
",
|
||||
"line": 110,
|
||||
"line": 111,
|
||||
"name": "inputValue",
|
||||
"rawdescription": "
|
||||
Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
@ -215,7 +215,7 @@ Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Sets the button to a disabled state.</p>
|
||||
",
|
||||
"line": 60,
|
||||
"line": 61,
|
||||
"name": "isDisabled",
|
||||
"rawdescription": "
|
||||
Sets the button to a disabled state.",
|
||||
@ -225,7 +225,7 @@ Sets the button to a disabled state.",
|
||||
"decorators": Array [],
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 195,
|
||||
"line": 196,
|
||||
"name": "item",
|
||||
"type": "T[]",
|
||||
},
|
||||
@ -238,24 +238,24 @@ Sets the button to a disabled state.",
|
||||
"jsdoctags": Array [
|
||||
Object {
|
||||
"comment": "",
|
||||
"end": 1525,
|
||||
"end": 1587,
|
||||
"flags": 4227072,
|
||||
"kind": 325,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1512,
|
||||
"pos": 1574,
|
||||
"tagName": Object {
|
||||
"end": 1521,
|
||||
"end": 1583,
|
||||
"escapedText": "required",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1513,
|
||||
"pos": 1575,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"transformFlags": 0,
|
||||
},
|
||||
],
|
||||
"line": 68,
|
||||
"line": 69,
|
||||
"name": "label",
|
||||
"rawdescription": "
|
||||
|
||||
@ -268,7 +268,7 @@ The inner text of the button.
|
||||
"decorators": Array [],
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 192,
|
||||
"line": 193,
|
||||
"name": "showKeyAlias",
|
||||
"type": "",
|
||||
},
|
||||
@ -279,7 +279,7 @@ The inner text of the button.
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Size of the button.</p>
|
||||
",
|
||||
"line": 72,
|
||||
"line": 73,
|
||||
"name": "size",
|
||||
"rawdescription": "
|
||||
Size of the button.",
|
||||
@ -291,7 +291,7 @@ Size of the button.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Specifies some arbitrary object</p>
|
||||
",
|
||||
"line": 75,
|
||||
"line": 76,
|
||||
"name": "someDataObject",
|
||||
"rawdescription": "
|
||||
Specifies some arbitrary object",
|
||||
@ -307,24 +307,24 @@ Specifies some arbitrary object",
|
||||
"jsdoctags": Array [
|
||||
Object {
|
||||
"comment": "",
|
||||
"end": 1802,
|
||||
"end": 1864,
|
||||
"flags": 4227072,
|
||||
"kind": 329,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1787,
|
||||
"pos": 1849,
|
||||
"tagName": Object {
|
||||
"end": 1798,
|
||||
"end": 1860,
|
||||
"escapedText": "deprecated",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1788,
|
||||
"pos": 1850,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"transformFlags": 0,
|
||||
},
|
||||
],
|
||||
"line": 83,
|
||||
"line": 84,
|
||||
"name": "somethingYouShouldNotUse",
|
||||
"rawdescription": "
|
||||
|
||||
@ -361,21 +361,21 @@ Some input you shouldn't use.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 3518,
|
||||
"end": 3580,
|
||||
"escapedText": "x",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3517,
|
||||
"pos": 3579,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"tagName": Object {
|
||||
"end": 3516,
|
||||
"end": 3578,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3511,
|
||||
"pos": 3573,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "number",
|
||||
@ -386,27 +386,27 @@ Some input you shouldn't use.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 3563,
|
||||
"end": 3625,
|
||||
"escapedText": "y",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3562,
|
||||
"pos": 3624,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"tagName": Object {
|
||||
"end": 3561,
|
||||
"end": 3623,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3556,
|
||||
"pos": 3618,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "string | number",
|
||||
},
|
||||
],
|
||||
"line": 164,
|
||||
"line": 165,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -448,7 +448,7 @@ An internal calculation method which adds \`x\` and \`y\` together.
|
||||
"type": "",
|
||||
},
|
||||
],
|
||||
"line": 120,
|
||||
"line": 121,
|
||||
"name": "onClickListener",
|
||||
"optional": false,
|
||||
"returnType": "void",
|
||||
@ -474,27 +474,27 @@ An internal calculation method which adds \`x\` and \`y\` together.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 4079,
|
||||
"end": 4141,
|
||||
"escapedText": "password",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 4071,
|
||||
"pos": 4133,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"tagName": Object {
|
||||
"end": 4070,
|
||||
"end": 4132,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 4065,
|
||||
"pos": 4127,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "string",
|
||||
},
|
||||
],
|
||||
"line": 187,
|
||||
"line": 188,
|
||||
"modifierKind": Array [
|
||||
121,
|
||||
],
|
||||
@ -529,28 +529,28 @@ A private method.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 3938,
|
||||
"end": 4000,
|
||||
"escapedText": "id",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3936,
|
||||
"pos": 3998,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"optional": true,
|
||||
"tagName": Object {
|
||||
"end": 3935,
|
||||
"end": 3997,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3930,
|
||||
"pos": 3992,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "number",
|
||||
},
|
||||
],
|
||||
"line": 178,
|
||||
"line": 179,
|
||||
"modifierKind": Array [
|
||||
122,
|
||||
],
|
||||
@ -588,7 +588,7 @@ A protected method.
|
||||
"type": "ISomeInterface",
|
||||
},
|
||||
],
|
||||
"line": 169,
|
||||
"line": 170,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -610,7 +610,7 @@ A public method using an interface.",
|
||||
"description": "<p>Handler to be called when the button is clicked by a user.</p>
|
||||
<p>Will also block the emission of the event if <code>isDisabled</code> is true.</p>
|
||||
",
|
||||
"line": 91,
|
||||
"line": 92,
|
||||
"name": "onClick",
|
||||
"rawdescription": "
|
||||
|
||||
@ -627,7 +627,7 @@ Will also block the emission of the event if \`isDisabled\` is true.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 106,
|
||||
"line": 107,
|
||||
"modifierKind": Array [
|
||||
121,
|
||||
],
|
||||
@ -641,7 +641,7 @@ Will also block the emission of the event if \`isDisabled\` is true.
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Private value.</p>
|
||||
",
|
||||
"line": 146,
|
||||
"line": 147,
|
||||
"modifierKind": Array [
|
||||
121,
|
||||
],
|
||||
@ -661,7 +661,7 @@ Private value.",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 48,
|
||||
"line": 49,
|
||||
"name": "buttonRef",
|
||||
"optional": false,
|
||||
"type": "ElementRef",
|
||||
@ -677,7 +677,7 @@ Private value.",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 124,
|
||||
"line": 125,
|
||||
"name": "focus",
|
||||
"optional": false,
|
||||
"type": "",
|
||||
@ -688,7 +688,7 @@ Private value.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Public value.</p>
|
||||
",
|
||||
"line": 143,
|
||||
"line": 144,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -702,7 +702,7 @@ Public value.",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 199,
|
||||
"line": 200,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -937,7 +937,7 @@ export class InputComponent<T> {
|
||||
Object {
|
||||
"coverageCount": "16/25",
|
||||
"coveragePercent": 64,
|
||||
"filePath": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"filePath": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"linktype": "component",
|
||||
"name": "InputComponent",
|
||||
"status": "good",
|
||||
@ -946,7 +946,7 @@ export class InputComponent<T> {
|
||||
Object {
|
||||
"coverageCount": "0/4",
|
||||
"coveragePercent": 0,
|
||||
"filePath": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"filePath": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"linktype": "interface",
|
||||
"name": "ISomeInterface",
|
||||
"status": "low",
|
||||
@ -955,7 +955,7 @@ export class InputComponent<T> {
|
||||
Object {
|
||||
"coverageCount": "0/1",
|
||||
"coveragePercent": 0,
|
||||
"filePath": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"filePath": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"linksubtype": "variable",
|
||||
"linktype": "miscellaneous",
|
||||
"name": "exportedConstant",
|
||||
@ -973,7 +973,7 @@ export class InputComponent<T> {
|
||||
Object {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"id": "interface-ISomeInterface-d145da25329b094ee29610c45a9e46387cb39eddb2a67b4c9fadb84bcec76eacd60d131e48d98b2ee5725dedd25f2eb299b704e8e0a34307d6e84f6e57d57044",
|
||||
"indexSignatures": Array [],
|
||||
"kind": 165,
|
||||
@ -984,7 +984,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 25,
|
||||
"line": 26,
|
||||
"name": "one",
|
||||
"optional": false,
|
||||
"type": "string",
|
||||
@ -993,7 +993,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 27,
|
||||
"line": 28,
|
||||
"name": "three",
|
||||
"optional": false,
|
||||
"type": "any[]",
|
||||
@ -1002,7 +1002,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 26,
|
||||
"line": 27,
|
||||
"name": "two",
|
||||
"optional": false,
|
||||
"type": "boolean",
|
||||
@ -1230,14 +1230,14 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"name": "ButtonAccent",
|
||||
"subtype": "enum",
|
||||
},
|
||||
],
|
||||
"functions": Array [],
|
||||
"groupedEnumerations": Object {
|
||||
"addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts": Array [
|
||||
"frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts": Array [
|
||||
Object {
|
||||
"childs": Array [
|
||||
Object {
|
||||
@ -1257,7 +1257,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"name": "ButtonAccent",
|
||||
"subtype": "enum",
|
||||
},
|
||||
@ -1265,13 +1265,13 @@ export class InputComponent<T> {
|
||||
},
|
||||
"groupedFunctions": Object {},
|
||||
"groupedTypeAliases": Object {
|
||||
"addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts": Array [
|
||||
"frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts": Array [
|
||||
Object {
|
||||
"ctype": "miscellaneous",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"kind": 186,
|
||||
"name": "ButtonSize",
|
||||
"rawtype": "\\"small\\" | \\"medium\\" | \\"large\\" | \\"xlarge\\"",
|
||||
@ -1280,13 +1280,13 @@ export class InputComponent<T> {
|
||||
],
|
||||
},
|
||||
"groupedVariables": Object {
|
||||
"addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts": Array [
|
||||
"frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts": Array [
|
||||
Object {
|
||||
"ctype": "miscellaneous",
|
||||
"defaultValue": "'An exported constant'",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"name": "exportedConstant",
|
||||
"subtype": "variable",
|
||||
"type": "string",
|
||||
@ -1299,7 +1299,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"kind": 186,
|
||||
"name": "ButtonSize",
|
||||
"rawtype": "\\"small\\" | \\"medium\\" | \\"large\\" | \\"xlarge\\"",
|
||||
@ -1312,7 +1312,7 @@ export class InputComponent<T> {
|
||||
"defaultValue": "'An exported constant'",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"file": "addons/docs/src/frameworks/angular/__testfixtures__/doc-button/input.ts",
|
||||
"file": "frameworks/angular/src/client/docs/__testfixtures__/doc-button/input.ts",
|
||||
"name": "exportedConstant",
|
||||
"subtype": "variable",
|
||||
"type": "string",
|
||||
|
||||
@ -10,7 +10,7 @@ Object {
|
||||
"getSignature": Object {
|
||||
"description": "<p>Getter for <code>inputValue</code>.</p>
|
||||
",
|
||||
"line": 115,
|
||||
"line": 116,
|
||||
"name": "inputValue",
|
||||
"rawdescription": "
|
||||
Getter for \`inputValue\`.",
|
||||
@ -42,7 +42,7 @@ Getter for \`inputValue\`.",
|
||||
"type": "string",
|
||||
},
|
||||
],
|
||||
"line": 110,
|
||||
"line": 111,
|
||||
"name": "inputValue",
|
||||
"rawdescription": "
|
||||
Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
@ -74,7 +74,7 @@ Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
"type": "T[]",
|
||||
},
|
||||
],
|
||||
"line": 195,
|
||||
"line": 196,
|
||||
"name": "item",
|
||||
"returnType": "void",
|
||||
"type": "void",
|
||||
@ -84,7 +84,7 @@ Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
"getSignature": Object {
|
||||
"description": "<p>Get the private value.</p>
|
||||
",
|
||||
"line": 154,
|
||||
"line": 155,
|
||||
"name": "value",
|
||||
"rawdescription": "
|
||||
Get the private value.",
|
||||
@ -116,7 +116,7 @@ Get the private value.",
|
||||
"type": "string | number",
|
||||
},
|
||||
],
|
||||
"line": 149,
|
||||
"line": 150,
|
||||
"name": "value",
|
||||
"rawdescription": "
|
||||
Set the private value.",
|
||||
@ -144,7 +144,7 @@ like <strong>bold</strong>, <em>italic</em>, and <code>inline code</code>.</p>
|
||||
"defaultValue": "false",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 124,
|
||||
"line": 125,
|
||||
"name": "class.focused",
|
||||
"type": "boolean",
|
||||
},
|
||||
@ -164,7 +164,7 @@ like <strong>bold</strong>, <em>italic</em>, and <code>inline code</code>.</p>
|
||||
],
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 120,
|
||||
"line": 121,
|
||||
"name": "click",
|
||||
},
|
||||
],
|
||||
@ -177,7 +177,7 @@ like <strong>bold</strong>, <em>italic</em>, and <code>inline code</code>.</p>
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Specify the accent-type of the button</p>
|
||||
",
|
||||
"line": 56,
|
||||
"line": 57,
|
||||
"name": "accent",
|
||||
"rawdescription": "
|
||||
Specify the accent-type of the button",
|
||||
@ -190,7 +190,7 @@ Specify the accent-type of the button",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Appearance style of the button.</p>
|
||||
",
|
||||
"line": 52,
|
||||
"line": 53,
|
||||
"name": "appearance",
|
||||
"rawdescription": "
|
||||
Appearance style of the button.",
|
||||
@ -202,7 +202,7 @@ Appearance style of the button.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Setter for <code>inputValue</code> that is also an <code>@Input</code>.</p>
|
||||
",
|
||||
"line": 110,
|
||||
"line": 111,
|
||||
"name": "inputValue",
|
||||
"rawdescription": "
|
||||
Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
@ -215,7 +215,7 @@ Setter for \`inputValue\` that is also an \`@Input\`.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Sets the button to a disabled state.</p>
|
||||
",
|
||||
"line": 60,
|
||||
"line": 61,
|
||||
"name": "isDisabled",
|
||||
"rawdescription": "
|
||||
Sets the button to a disabled state.",
|
||||
@ -225,7 +225,7 @@ Sets the button to a disabled state.",
|
||||
"decorators": Array [],
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 195,
|
||||
"line": 196,
|
||||
"name": "item",
|
||||
"type": "T[]",
|
||||
},
|
||||
@ -238,24 +238,24 @@ Sets the button to a disabled state.",
|
||||
"jsdoctags": Array [
|
||||
Object {
|
||||
"comment": "",
|
||||
"end": 1525,
|
||||
"end": 1587,
|
||||
"flags": 4227072,
|
||||
"kind": 325,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1512,
|
||||
"pos": 1574,
|
||||
"tagName": Object {
|
||||
"end": 1521,
|
||||
"end": 1583,
|
||||
"escapedText": "required",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1513,
|
||||
"pos": 1575,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"transformFlags": 0,
|
||||
},
|
||||
],
|
||||
"line": 68,
|
||||
"line": 69,
|
||||
"name": "label",
|
||||
"rawdescription": "
|
||||
|
||||
@ -268,7 +268,7 @@ The inner text of the button.
|
||||
"decorators": Array [],
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"line": 192,
|
||||
"line": 193,
|
||||
"name": "showKeyAlias",
|
||||
"type": "",
|
||||
},
|
||||
@ -279,7 +279,7 @@ The inner text of the button.
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Size of the button.</p>
|
||||
",
|
||||
"line": 72,
|
||||
"line": 73,
|
||||
"name": "size",
|
||||
"rawdescription": "
|
||||
Size of the button.",
|
||||
@ -291,7 +291,7 @@ Size of the button.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Specifies some arbitrary object</p>
|
||||
",
|
||||
"line": 75,
|
||||
"line": 76,
|
||||
"name": "someDataObject",
|
||||
"rawdescription": "
|
||||
Specifies some arbitrary object",
|
||||
@ -307,24 +307,24 @@ Specifies some arbitrary object",
|
||||
"jsdoctags": Array [
|
||||
Object {
|
||||
"comment": "",
|
||||
"end": 1802,
|
||||
"end": 1864,
|
||||
"flags": 4227072,
|
||||
"kind": 329,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1787,
|
||||
"pos": 1849,
|
||||
"tagName": Object {
|
||||
"end": 1798,
|
||||
"end": 1860,
|
||||
"escapedText": "deprecated",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 1788,
|
||||
"pos": 1850,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"transformFlags": 0,
|
||||
},
|
||||
],
|
||||
"line": 83,
|
||||
"line": 84,
|
||||
"name": "somethingYouShouldNotUse",
|
||||
"rawdescription": "
|
||||
|
||||
@ -361,21 +361,21 @@ Some input you shouldn't use.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 3518,
|
||||
"end": 3580,
|
||||
"escapedText": "x",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3517,
|
||||
"pos": 3579,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"tagName": Object {
|
||||
"end": 3516,
|
||||
"end": 3578,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3511,
|
||||
"pos": 3573,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "number",
|
||||
@ -386,27 +386,27 @@ Some input you shouldn't use.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 3563,
|
||||
"end": 3625,
|
||||
"escapedText": "y",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3562,
|
||||
"pos": 3624,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"tagName": Object {
|
||||
"end": 3561,
|
||||
"end": 3623,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3556,
|
||||
"pos": 3618,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "string | number",
|
||||
},
|
||||
],
|
||||
"line": 164,
|
||||
"line": 165,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -448,7 +448,7 @@ An internal calculation method which adds \`x\` and \`y\` together.
|
||||
"type": "",
|
||||
},
|
||||
],
|
||||
"line": 120,
|
||||
"line": 121,
|
||||
"name": "onClickListener",
|
||||
"optional": false,
|
||||
"returnType": "void",
|
||||
@ -474,27 +474,27 @@ An internal calculation method which adds \`x\` and \`y\` together.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 4079,
|
||||
"end": 4141,
|
||||
"escapedText": "password",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 4071,
|
||||
"pos": 4133,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"tagName": Object {
|
||||
"end": 4070,
|
||||
"end": 4132,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 4065,
|
||||
"pos": 4127,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "string",
|
||||
},
|
||||
],
|
||||
"line": 187,
|
||||
"line": 188,
|
||||
"modifierKind": Array [
|
||||
121,
|
||||
],
|
||||
@ -529,28 +529,28 @@ A private method.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"name": Object {
|
||||
"end": 3938,
|
||||
"end": 4000,
|
||||
"escapedText": "id",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3936,
|
||||
"pos": 3998,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"optional": true,
|
||||
"tagName": Object {
|
||||
"end": 3935,
|
||||
"end": 3997,
|
||||
"escapedText": "param",
|
||||
"flags": 4227072,
|
||||
"kind": 79,
|
||||
"modifierFlagsCache": 0,
|
||||
"pos": 3930,
|
||||
"pos": 3992,
|
||||
"transformFlags": 0,
|
||||
},
|
||||
"type": "number",
|
||||
},
|
||||
],
|
||||
"line": 178,
|
||||
"line": 179,
|
||||
"modifierKind": Array [
|
||||
122,
|
||||
],
|
||||
@ -588,7 +588,7 @@ A protected method.
|
||||
"type": "ISomeInterface",
|
||||
},
|
||||
],
|
||||
"line": 169,
|
||||
"line": 170,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -610,7 +610,7 @@ A public method using an interface.",
|
||||
"description": "<p>Handler to be called when the button is clicked by a user.</p>
|
||||
<p>Will also block the emission of the event if <code>isDisabled</code> is true.</p>
|
||||
",
|
||||
"line": 91,
|
||||
"line": 92,
|
||||
"name": "onClick",
|
||||
"rawdescription": "
|
||||
|
||||
@ -627,7 +627,7 @@ Will also block the emission of the event if \`isDisabled\` is true.
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 106,
|
||||
"line": 107,
|
||||
"modifierKind": Array [
|
||||
121,
|
||||
],
|
||||
@ -641,7 +641,7 @@ Will also block the emission of the event if \`isDisabled\` is true.
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Private value.</p>
|
||||
",
|
||||
"line": 146,
|
||||
"line": 147,
|
||||
"modifierKind": Array [
|
||||
121,
|
||||
],
|
||||
@ -661,7 +661,7 @@ Private value.",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 48,
|
||||
"line": 49,
|
||||
"name": "buttonRef",
|
||||
"optional": false,
|
||||
"type": "ElementRef",
|
||||
@ -677,7 +677,7 @@ Private value.",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 124,
|
||||
"line": 125,
|
||||
"name": "focus",
|
||||
"optional": false,
|
||||
"type": "",
|
||||
@ -688,7 +688,7 @@ Private value.",
|
||||
"deprecationMessage": "",
|
||||
"description": "<p>Public value.</p>
|
||||
",
|
||||
"line": 143,
|
||||
"line": 144,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -702,7 +702,7 @@ Public value.",
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 199,
|
||||
"line": 200,
|
||||
"modifierKind": Array [
|
||||
123,
|
||||
],
|
||||
@ -984,7 +984,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 25,
|
||||
"line": 26,
|
||||
"name": "one",
|
||||
"optional": false,
|
||||
"type": "string",
|
||||
@ -993,7 +993,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 27,
|
||||
"line": 28,
|
||||
"name": "three",
|
||||
"optional": false,
|
||||
"type": "any[]",
|
||||
@ -1002,7 +1002,7 @@ export class InputComponent<T> {
|
||||
"deprecated": false,
|
||||
"deprecationMessage": "",
|
||||
"description": "",
|
||||
"line": 26,
|
||||
"line": 27,
|
||||
"name": "two",
|
||||
"optional": false,
|
||||
"type": "boolean",
|
||||
|
||||
7
code/frameworks/ember/jest.config.js
Normal file
7
code/frameworks/ember/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/html-webpack5/jest.config.js
Normal file
7
code/frameworks/html-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/nextjs/jest.config.js
Normal file
7
code/frameworks/nextjs/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -16,7 +16,7 @@ const nextImageLoaderStub: RawLoaderDefinition<LoaderOptions> = function (conten
|
||||
|
||||
this.emitFile(outputPath, content);
|
||||
|
||||
const { width, height } = imageSizeOf(content);
|
||||
const { width, height } = imageSizeOf(this.resourcePath);
|
||||
|
||||
return `export default ${JSON.stringify({
|
||||
src: outputPath,
|
||||
@ -28,4 +28,4 @@ const nextImageLoaderStub: RawLoaderDefinition<LoaderOptions> = function (conten
|
||||
|
||||
nextImageLoaderStub.raw = true;
|
||||
|
||||
export = nextImageLoaderStub;
|
||||
export default nextImageLoaderStub;
|
||||
|
||||
7
code/frameworks/preact-webpack5/jest.config.js
Normal file
7
code/frameworks/preact-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/react-vite/jest.config.js
Normal file
7
code/frameworks/react-vite/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/react-webpack5/jest.config.js
Normal file
7
code/frameworks/react-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -57,7 +57,7 @@
|
||||
"@types/node": "^16.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"jest-specific-snapshot": "^6.0.0",
|
||||
"typescript": "~4.6.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
|
||||
7
code/frameworks/server-webpack5/jest.config.js
Normal file
7
code/frameworks/server-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/svelte-vite/jest.config.js
Normal file
7
code/frameworks/svelte-vite/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/svelte-webpack5/jest.config.js
Normal file
7
code/frameworks/svelte-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/vue-vite/jest.config.js
Normal file
7
code/frameworks/vue-vite/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/vue-webpack5/jest.config.js
Normal file
7
code/frameworks/vue-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/vue3-vite/jest.config.js
Normal file
7
code/frameworks/vue3-vite/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/vue3-webpack5/jest.config.js
Normal file
7
code/frameworks/vue3-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/web-components-vite/jest.config.js
Normal file
7
code/frameworks/web-components-vite/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/frameworks/web-components-webpack5/jest.config.js
Normal file
7
code/frameworks/web-components-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
106
code/jest.config.base.js
Normal file
106
code/jest.config.base.js
Normal file
@ -0,0 +1,106 @@
|
||||
const os = require('os');
|
||||
const path = require('path');
|
||||
|
||||
/**
|
||||
* TODO: Some windows related tasks are still commented out, because they are behaving differently on
|
||||
* a local Windows machine compared to the Windows Server 2022 machine running in GitHub Actions.
|
||||
* The main issue is that path.sep is behaving differently on the two machines. Some more investagations
|
||||
* are necessary!
|
||||
* */
|
||||
const skipOnWindows = [
|
||||
'lib/core-server/src/utils/__tests__/server-statics.test.ts',
|
||||
'lib/core-common/src/utils/__tests__/template.test.ts',
|
||||
'addons/storyshots/storyshots-core/src/frameworks/configure.test.ts',
|
||||
'lib/core-common/src/utils/__tests__/interpret-files.test.ts',
|
||||
'lib/cli/src/helpers.test.ts',
|
||||
];
|
||||
|
||||
module.exports = {
|
||||
cacheDirectory: path.resolve('.cache/jest'),
|
||||
clearMocks: true,
|
||||
moduleNameMapper: {
|
||||
// non-js files
|
||||
'\\.(jpg|jpeg|png|apng|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
|
||||
path.resolve('./__mocks__/fileMock.js'),
|
||||
'\\.(css|scss|stylesheet)$': path.resolve('./__mocks__/styleMock.js'),
|
||||
'\\.(md)$': path.resolve('./__mocks__/htmlMock.js'),
|
||||
|
||||
// core-js v2 to v3 mapping
|
||||
'core-js/modules/es6.(.*)': 'core-js/modules/es.$1',
|
||||
'core-js/modules/es7.(.*)': 'core-js/modules/esnext.$1',
|
||||
'core-js/library/fn/(.*)': `core-js/features/$1`,
|
||||
'core-js/es5/(.*)': `core-js/es/$1`,
|
||||
'core-js/es6/(.*)': `core-js/es/$1`,
|
||||
'core-js/es7/reflect': `core-js/proposals/reflect-metadata`,
|
||||
'core-js/es7/(.*)': `core-js/proposals/$1`,
|
||||
'core-js/object$/': `core-js/es/object`,
|
||||
'core-js/object/(.*)': `core-js/es/object/$1`,
|
||||
'babel-runtime/core-js/(.*)': `core-js/es/$1`,
|
||||
// 'babel-runtime/core-js/object/assign'
|
||||
'core-js/library/fn/object/assign': 'core-js/es/object/assign',
|
||||
},
|
||||
transform: {
|
||||
'^.+\\.[jt]sx?$': path.resolve('../scripts/utils/jest-transform-js.js'),
|
||||
'^.+\\.mdx$': '@storybook/addon-docs/jest-transform-mdx',
|
||||
},
|
||||
transformIgnorePatterns: ['/node_modules/(?!@angular|rxjs|nanoid|uuid|lit-html|@mdx-js)'],
|
||||
testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
|
||||
testPathIgnorePatterns: [
|
||||
'/storybook-static/',
|
||||
'/node_modules/',
|
||||
'/dist/',
|
||||
'/prebuilt/',
|
||||
'/template/',
|
||||
'addon-jest.test.js',
|
||||
// TODO: Can not get svelte-jester to work, but also not necessary for this test, as it is run by tsc/svelte-check.
|
||||
'/renderers/svelte/src/public-types.test.ts',
|
||||
'/renderers/vue/src/public-types.test.ts',
|
||||
'/renderers/vue3/src/public-types.test.ts',
|
||||
...(process.platform === 'win32' ? skipOnWindows : []),
|
||||
],
|
||||
collectCoverage: false,
|
||||
collectCoverageFrom: [
|
||||
'frameworks/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
'lib/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
'renderers/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
'addons/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
'ui/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
],
|
||||
coveragePathIgnorePatterns: [
|
||||
'/node_modules/',
|
||||
'/cli/test/',
|
||||
'/dist/',
|
||||
'/prebuilt/',
|
||||
'/generators/',
|
||||
'/template/',
|
||||
'/__mocks__ /',
|
||||
'/__mockdata__/',
|
||||
'/__mocks-ng-workspace__/',
|
||||
'/__testfixtures__/',
|
||||
'^.*\\.stories\\.[jt]sx?$',
|
||||
'typings.d.ts$',
|
||||
],
|
||||
globals: {
|
||||
PREVIEW_URL: undefined,
|
||||
SNAPSHOT_OS: os.platform() === 'win32' ? 'windows' : 'posix',
|
||||
},
|
||||
snapshotSerializers: ['@emotion/jest/serializer', 'jest-serializer-html'],
|
||||
coverageDirectory: 'coverage',
|
||||
coverageReporters: ['lcov'],
|
||||
testEnvironmentOptions: {
|
||||
url: 'http://localhost',
|
||||
},
|
||||
modulePathIgnorePatterns: [
|
||||
//
|
||||
'/dist/.*/__mocks__/',
|
||||
'/storybook-static/',
|
||||
'/template/',
|
||||
],
|
||||
moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
|
||||
watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
|
||||
reporters: ['default', 'jest-junit'],
|
||||
snapshotFormat: {
|
||||
escapeString: true,
|
||||
printBasicPrototype: true,
|
||||
},
|
||||
};
|
||||
9
code/jest.config.browser.js
Normal file
9
code/jest.config.browser.js
Normal file
@ -0,0 +1,9 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('./jest.config.base');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
setupFilesAfterEnv: [path.resolve('./jest.init.browser.ts')],
|
||||
testEnvironment: 'jest-environment-jsdom',
|
||||
setupFiles: ['raf/polyfill'],
|
||||
};
|
||||
@ -1,116 +1,9 @@
|
||||
const os = require('os');
|
||||
|
||||
/**
|
||||
* TODO: Some windows related tasks are still commented out, because they are behaving differently on
|
||||
* a local Windows machine compared to the Windows Server 2022 machine running in GitHub Actions.
|
||||
* The main issue is that path.sep is behaving differently on the two machines. Some more investagations
|
||||
* are necessary!
|
||||
* */
|
||||
const skipOnWindows = [
|
||||
'lib/core-server/src/utils/__tests__/server-statics.test.ts',
|
||||
'lib/core-common/src/utils/__tests__/template.test.ts',
|
||||
'addons/storyshots/storyshots-core/src/frameworks/configure.test.ts',
|
||||
'lib/core-common/src/utils/__tests__/interpret-files.test.ts',
|
||||
'lib/cli/src/helpers.test.ts',
|
||||
];
|
||||
|
||||
module.exports = {
|
||||
cacheDirectory: '.cache/jest',
|
||||
clearMocks: true,
|
||||
moduleNameMapper: {
|
||||
// non-js files
|
||||
'\\.(jpg|jpeg|png|apng|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
|
||||
'<rootDir>/__mocks__/fileMock.js',
|
||||
'\\.(css|scss|stylesheet)$': '<rootDir>/__mocks__/styleMock.js',
|
||||
'\\.(md)$': '<rootDir>/__mocks__/htmlMock.js',
|
||||
|
||||
// core-js v2 to v3 mapping
|
||||
'core-js/modules/es6.(.*)': 'core-js/modules/es.$1',
|
||||
'core-js/modules/es7.(.*)': 'core-js/modules/esnext.$1',
|
||||
'core-js/library/fn/(.*)': `core-js/features/$1`,
|
||||
'core-js/es5/(.*)': `core-js/es/$1`,
|
||||
'core-js/es6/(.*)': `core-js/es/$1`,
|
||||
'core-js/es7/reflect': `core-js/proposals/reflect-metadata`,
|
||||
'core-js/es7/(.*)': `core-js/proposals/$1`,
|
||||
'core-js/object$/': `core-js/es/object`,
|
||||
'core-js/object/(.*)': `core-js/es/object/$1`,
|
||||
'babel-runtime/core-js/(.*)': `core-js/es/$1`,
|
||||
// 'babel-runtime/core-js/object/assign'
|
||||
'core-js/library/fn/object/assign': 'core-js/es/object/assign',
|
||||
},
|
||||
projects: ['<rootDir>'],
|
||||
roots: ['<rootDir>/addons', '<rootDir>/frameworks', '<rootDir>/lib', '<rootDir>/renderers'],
|
||||
transform: {
|
||||
'^.+\\.stories\\.[jt]sx?$': '@storybook/addon-storyshots/injectFileName',
|
||||
'^.+\\.[jt]sx?$': '<rootDir>/../scripts/utils/jest-transform-js.js',
|
||||
'^.+\\.mdx$': '@storybook/addon-docs/jest-transform-mdx',
|
||||
},
|
||||
transformIgnorePatterns: [
|
||||
'/node_modules/(?!(lit-html|@mdx-js)).+\\.js',
|
||||
'/node_modules/(?!).+\\.js',
|
||||
projects: [
|
||||
'<rootDir>/addons/*',
|
||||
'<rootDir>/frameworks/!(angular)*',
|
||||
'<rootDir>/lib/*',
|
||||
'<rootDir>/renderers/*',
|
||||
'<rootDir>/ui/*',
|
||||
],
|
||||
testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
|
||||
testPathIgnorePatterns: [
|
||||
'/storybook-static/',
|
||||
'/node_modules/',
|
||||
'/dist/',
|
||||
'/prebuilt/',
|
||||
'/template/',
|
||||
'addon-jest.test.js',
|
||||
'/frameworks/angular/*',
|
||||
'/examples/*/src/*.*',
|
||||
'/examples/*/src/*/*.*',
|
||||
'/examples/*/src/*/*/*.*',
|
||||
// TODO: Can not get svelte-jester to work, but also not necessary for this test, as it is run by tsc/svelte-check.
|
||||
'/renderers/svelte/src/public-types.test.ts',
|
||||
'/renderers/vue/src/public-types.test.ts',
|
||||
'/renderers/vue3/src/public-types.test.ts',
|
||||
...(process.platform === 'win32' ? skipOnWindows : []),
|
||||
],
|
||||
collectCoverage: false,
|
||||
collectCoverageFrom: [
|
||||
'frameworks/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
'lib/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
'renderers/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
'addons/*/src/**/*.{js,jsx,ts,tsx}',
|
||||
],
|
||||
coveragePathIgnorePatterns: [
|
||||
'/node_modules/',
|
||||
'/cli/test/',
|
||||
'/dist/',
|
||||
'/prebuilt/',
|
||||
'/generators/',
|
||||
'/template/',
|
||||
'/dll/',
|
||||
'/__mocks__ /',
|
||||
'/__mockdata__/',
|
||||
'/__mocks-ng-workspace__/',
|
||||
'/__testfixtures__/',
|
||||
'^.*\\.stories\\.[jt]sx?$',
|
||||
'typings.d.ts$',
|
||||
],
|
||||
globals: {
|
||||
PREVIEW_URL: undefined,
|
||||
SNAPSHOT_OS: os.platform() === 'win32' ? 'windows' : 'posix',
|
||||
},
|
||||
snapshotSerializers: [
|
||||
'@emotion/jest/serializer',
|
||||
'enzyme-to-json/serializer',
|
||||
'jest-serializer-html',
|
||||
],
|
||||
coverageDirectory: 'coverage',
|
||||
setupFilesAfterEnv: ['./jest.init.ts'],
|
||||
coverageReporters: ['lcov'],
|
||||
testEnvironment: 'jest-environment-jsdom-thirteen',
|
||||
setupFiles: ['raf/polyfill'],
|
||||
testURL: 'http://localhost',
|
||||
modulePathIgnorePatterns: [
|
||||
//
|
||||
'/dist/.*/__mocks__/',
|
||||
'/storybook-static/',
|
||||
'/template/',
|
||||
],
|
||||
moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'json', 'node'],
|
||||
watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-typeahead/testname'],
|
||||
reporters: ['default', 'jest-junit'],
|
||||
};
|
||||
|
||||
7
code/jest.config.node.js
Normal file
7
code/jest.config.node.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('./jest.config.base');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
setupFilesAfterEnv: [path.resolve('./jest.init.base.ts')],
|
||||
};
|
||||
@ -1,4 +1,3 @@
|
||||
import 'jest-enzyme/lib/index';
|
||||
import '@testing-library/jest-dom';
|
||||
|
||||
// setup file
|
||||
@ -8,7 +7,6 @@ import Adapter from 'enzyme-adapter-react-16';
|
||||
// @ts-expect-error (Converted from ts-ignore)
|
||||
import regeneratorRuntime from 'regenerator-runtime';
|
||||
import registerRequireContextHook from '@storybook/babel-plugin-require-context-hook/register';
|
||||
import EventEmitter from 'events';
|
||||
|
||||
registerRequireContextHook();
|
||||
|
||||
@ -58,41 +56,3 @@ const throwError = (message: any) => throwMessage('error: ', message);
|
||||
|
||||
global.console.error = throwError;
|
||||
global.console.warn = throwWarning;
|
||||
|
||||
// Mock for matchMedia since it's not yet implemented in JSDOM (https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom)
|
||||
global.window.matchMedia = jest.fn().mockImplementation((query) => {
|
||||
return {
|
||||
matches: false,
|
||||
media: query,
|
||||
onchange: null,
|
||||
addListener: jest.fn(), // deprecated
|
||||
removeListener: jest.fn(), // deprecated
|
||||
addEventListener: jest.fn(),
|
||||
removeEventListener: jest.fn(),
|
||||
dispatchEvent: jest.fn(),
|
||||
};
|
||||
});
|
||||
class EventSourceMock {
|
||||
static sources: EventSourceMock[] = [];
|
||||
|
||||
static reset() {
|
||||
this.sources = [];
|
||||
}
|
||||
|
||||
emitter: EventEmitter;
|
||||
|
||||
constructor() {
|
||||
this.emitter = new EventEmitter();
|
||||
EventSourceMock.sources.push(this);
|
||||
}
|
||||
|
||||
addEventListener(event: string, cb: (data: any) => void) {
|
||||
this.emitter.on(event, cb);
|
||||
}
|
||||
|
||||
emit(event: string, data: any) {
|
||||
this.emitter.emit(event, data);
|
||||
}
|
||||
}
|
||||
|
||||
global.window.EventSource = EventSourceMock as any;
|
||||
48
code/jest.init.browser.ts
Normal file
48
code/jest.init.browser.ts
Normal file
@ -0,0 +1,48 @@
|
||||
import './jest.init.base';
|
||||
import EventEmitter from 'events';
|
||||
import { webcrypto } from 'node:crypto';
|
||||
|
||||
// Mock for matchMedia since it's not yet implemented in JSDOM (https://jestjs.io/docs/en/manual-mocks#mocking-methods-which-are-not-implemented-in-jsdom)
|
||||
global.window.matchMedia = jest.fn().mockImplementation((query) => {
|
||||
return {
|
||||
matches: false,
|
||||
media: query,
|
||||
onchange: null,
|
||||
addListener: jest.fn(), // deprecated
|
||||
removeListener: jest.fn(), // deprecated
|
||||
addEventListener: jest.fn(),
|
||||
removeEventListener: jest.fn(),
|
||||
dispatchEvent: jest.fn(),
|
||||
};
|
||||
});
|
||||
|
||||
class EventSourceMock {
|
||||
static sources: EventSourceMock[] = [];
|
||||
|
||||
static reset() {
|
||||
this.sources = [];
|
||||
}
|
||||
|
||||
emitter: EventEmitter;
|
||||
|
||||
constructor() {
|
||||
this.emitter = new EventEmitter();
|
||||
EventSourceMock.sources.push(this);
|
||||
}
|
||||
|
||||
addEventListener(event: string, cb: (data: any) => void) {
|
||||
this.emitter.on(event, cb);
|
||||
}
|
||||
|
||||
emit(event: string, data: any) {
|
||||
this.emitter.emit(event, data);
|
||||
}
|
||||
}
|
||||
|
||||
global.window.EventSource = EventSourceMock as any;
|
||||
|
||||
Object.defineProperty(window, 'crypto', {
|
||||
get() {
|
||||
return webcrypto;
|
||||
},
|
||||
});
|
||||
7
code/lib/addons/jest.config.js
Normal file
7
code/lib/addons/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/api/jest.config.js
Normal file
7
code/lib/api/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -63,7 +63,6 @@
|
||||
"util-deprecate": "^1.0.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@jest/globals": "^26.6.2",
|
||||
"@storybook/core-common": "7.0.0-alpha.49",
|
||||
"@types/lodash": "^4.14.167",
|
||||
"@types/qs": "^6",
|
||||
|
||||
@ -1,3 +1,7 @@
|
||||
/**
|
||||
* @jest-environment jsdom
|
||||
*/
|
||||
|
||||
import global from 'global';
|
||||
import { eventToShortcut, keyToSymbol } from '../lib/shortcut';
|
||||
|
||||
|
||||
@ -34,7 +34,7 @@ function mockChannel() {
|
||||
return new Channel({ transport });
|
||||
}
|
||||
|
||||
const mockGetEntries = jest.fn<API_StoryIndex['entries'], []>();
|
||||
const mockGetEntries = jest.fn<() => API_StoryIndex['entries']>();
|
||||
|
||||
jest.mock('../lib/events');
|
||||
jest.mock('global', () => ({
|
||||
|
||||
7
code/lib/builder-manager/jest.config.js
Normal file
7
code/lib/builder-manager/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/builder-vite/jest.config.js
Normal file
7
code/lib/builder-vite/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/builder-webpack5/jest.config.js
Normal file
7
code/lib/builder-webpack5/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/channel-postmessage/jest.config.js
Normal file
7
code/lib/channel-postmessage/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/channel-websocket/jest.config.js
Normal file
7
code/lib/channel-websocket/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/channels/jest.config.js
Normal file
7
code/lib/channels/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/cli-sb/jest.config.js
Normal file
7
code/lib/cli-sb/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/cli-storybook/jest.config.js
Normal file
7
code/lib/cli-storybook/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/cli/jest.config.js
Normal file
7
code/lib/cli/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/client-api/jest.config.js
Normal file
7
code/lib/client-api/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/client-logger/jest.config.js
Normal file
7
code/lib/client-logger/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/codemod/jest.config.js
Normal file
7
code/lib/codemod/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -51,8 +51,8 @@
|
||||
"util": "^0.12.4"
|
||||
},
|
||||
"devDependencies": {
|
||||
"jest": "^26.6.3",
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"jest": "^28.0.0",
|
||||
"jest-specific-snapshot": "^6.0.0",
|
||||
"typescript": "~4.6.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
|
||||
7
code/lib/core-client/jest.config.js
Normal file
7
code/lib/core-client/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -15,7 +15,6 @@ import {
|
||||
import { start as realStart } from './start';
|
||||
|
||||
jest.mock('global', () => ({
|
||||
// @ts-expect-error (jest is not happy with this)
|
||||
...jest.requireActual('global'),
|
||||
history: { replaceState: jest.fn() },
|
||||
document: {
|
||||
|
||||
7
code/lib/core-common/jest.config.js
Normal file
7
code/lib/core-common/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/core-events/jest.config.js
Normal file
7
code/lib/core-events/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/core-server/jest.config.js
Normal file
7
code/lib/core-server/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -83,8 +83,7 @@
|
||||
"@types/serve-favicon": "^2.5.2",
|
||||
"@types/ws": "^8",
|
||||
"jest-os-detection": "^1.3.1",
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"ts-jest": "^26.4.4",
|
||||
"jest-specific-snapshot": "^6.0.0",
|
||||
"typescript": "~4.6.3",
|
||||
"webpack": "5"
|
||||
},
|
||||
|
||||
@ -89,7 +89,6 @@ jest.mock('@storybook/store', () => {
|
||||
});
|
||||
|
||||
jest.mock('http', () => ({
|
||||
// @ts-expect-error (not strict)
|
||||
...jest.requireActual('http'),
|
||||
// @ts-expect-error (not strict)
|
||||
createServer: () => ({ listen: (_options, cb) => cb(), on: jest.fn() }),
|
||||
|
||||
@ -1,6 +1,10 @@
|
||||
/* eslint-disable @typescript-eslint/no-shadow */
|
||||
/// <reference types="@types/jest" />;
|
||||
|
||||
/**
|
||||
* @jest-environment node
|
||||
*/
|
||||
|
||||
import path from 'path';
|
||||
import fs from 'fs-extra';
|
||||
import { normalizeStoriesEntry } from '@storybook/core-common';
|
||||
@ -11,7 +15,6 @@ import type {
|
||||
import { loadCsf, getStorySortParameter } from '@storybook/csf-tools';
|
||||
import { toId } from '@storybook/csf';
|
||||
import { logger } from '@storybook/node-logger';
|
||||
import { mocked } from 'ts-jest/utils';
|
||||
|
||||
import { StoryIndexGenerator } from './StoryIndexGenerator';
|
||||
|
||||
@ -74,7 +77,7 @@ describe('StoryIndexGenerator', () => {
|
||||
beforeEach(() => {
|
||||
const actual = jest.requireActual('@storybook/csf-tools');
|
||||
loadCsfMock.mockImplementation(actual.loadCsf);
|
||||
mocked(logger.warn).mockClear();
|
||||
jest.mocked(logger.warn).mockClear();
|
||||
});
|
||||
describe('extraction', () => {
|
||||
const storiesSpecifier: CoreCommon_NormalizedStoriesSpecifier = normalizeStoriesEntry(
|
||||
@ -862,7 +865,7 @@ describe('StoryIndexGenerator', () => {
|
||||
`);
|
||||
|
||||
expect(logger.warn).toHaveBeenCalledTimes(1);
|
||||
expect(mocked(logger.warn).mock.calls[0][0]).toMatchInlineSnapshot(
|
||||
expect(jest.mocked(logger.warn).mock.calls[0][0]).toMatchInlineSnapshot(
|
||||
`"🚨 You have two component docs pages with the same name A:docs. Use \`<Meta of={} name=\\"Other Name\\">\` to distinguish them."`
|
||||
);
|
||||
});
|
||||
@ -890,7 +893,7 @@ describe('StoryIndexGenerator', () => {
|
||||
`);
|
||||
|
||||
expect(logger.warn).toHaveBeenCalledTimes(1);
|
||||
expect(mocked(logger.warn).mock.calls[0][0]).toMatchInlineSnapshot(
|
||||
expect(jest.mocked(logger.warn).mock.calls[0][0]).toMatchInlineSnapshot(
|
||||
`"🚨 You have a story for A with the same name as your component docs page (Story One), so the docs page is being dropped. Use \`<Meta of={} name=\\"Other Name\\">\` to distinguish them."`
|
||||
);
|
||||
});
|
||||
@ -912,7 +915,7 @@ describe('StoryIndexGenerator', () => {
|
||||
`);
|
||||
|
||||
expect(logger.warn).toHaveBeenCalledTimes(1);
|
||||
expect(mocked(logger.warn).mock.calls[0][0]).toMatchInlineSnapshot(
|
||||
expect(jest.mocked(logger.warn).mock.calls[0][0]).toMatchInlineSnapshot(
|
||||
`"🚨 You have a story for A with the same name as your default docs entry name (Story One), so the docs page is being dropped. Consider changing the story name."`
|
||||
);
|
||||
});
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
import prompts from 'prompts';
|
||||
import { loadAllPresets, cache } from '@storybook/core-common';
|
||||
import { telemetry } from '@storybook/telemetry';
|
||||
import { mocked } from 'ts-jest/utils';
|
||||
|
||||
import { withTelemetry } from './withTelemetry';
|
||||
|
||||
@ -57,7 +56,7 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does not send error message when crash reports are disabled', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({ enableCrashReports: false } as any),
|
||||
});
|
||||
await expect(async () =>
|
||||
@ -73,7 +72,7 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does send error message when crash reports are enabled', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({ enableCrashReports: true } as any),
|
||||
});
|
||||
|
||||
@ -90,7 +89,7 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does not send error message when telemetry is disabled', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({ disableTelemetry: true } as any),
|
||||
});
|
||||
|
||||
@ -107,7 +106,7 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does send error messages when telemetry is disabled, but crash reports are enabled', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({ disableTelemetry: true, enableCrashReports: true } as any),
|
||||
});
|
||||
|
||||
@ -124,10 +123,10 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does not send error messages when disabled crash reports are cached', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({} as any),
|
||||
});
|
||||
mocked(cache.get).mockResolvedValueOnce(false);
|
||||
jest.mocked(cache.get).mockResolvedValueOnce(false);
|
||||
|
||||
await expect(async () =>
|
||||
withTelemetry('dev', { presetOptions: {} as any }, run)
|
||||
@ -142,10 +141,10 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does send error messages when enabled crash reports are cached', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({} as any),
|
||||
});
|
||||
mocked(cache.get).mockResolvedValueOnce(true);
|
||||
jest.mocked(cache.get).mockResolvedValueOnce(true);
|
||||
|
||||
await expect(async () =>
|
||||
withTelemetry('dev', { presetOptions: {} as any }, run)
|
||||
@ -160,11 +159,11 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does not send error messages when disabled crash reports are prompted', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({} as any),
|
||||
});
|
||||
mocked(cache.get).mockResolvedValueOnce(undefined);
|
||||
mocked(prompts).mockResolvedValueOnce({ enableCrashReports: false });
|
||||
jest.mocked(cache.get).mockResolvedValueOnce(undefined);
|
||||
jest.mocked(prompts).mockResolvedValueOnce({ enableCrashReports: false });
|
||||
|
||||
await expect(async () =>
|
||||
withTelemetry('dev', { presetOptions: {} as any }, run)
|
||||
@ -179,11 +178,11 @@ describe('when command fails', () => {
|
||||
});
|
||||
|
||||
it('does send error messages when enabled crash reports are prompted', async () => {
|
||||
mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
jest.mocked(loadAllPresets).mockResolvedValueOnce({
|
||||
apply: async () => ({} as any),
|
||||
});
|
||||
mocked(cache.get).mockResolvedValueOnce(undefined);
|
||||
mocked(prompts).mockResolvedValueOnce({ enableCrashReports: true });
|
||||
jest.mocked(cache.get).mockResolvedValueOnce(undefined);
|
||||
jest.mocked(prompts).mockResolvedValueOnce({ enableCrashReports: true });
|
||||
|
||||
await expect(async () =>
|
||||
withTelemetry('dev', { presetOptions: {} as any }, run)
|
||||
@ -199,7 +198,7 @@ describe('when command fails', () => {
|
||||
|
||||
// if main.js has errors, we have no way to tell if they've disabled telemetry
|
||||
it('does not send error messages when presets fail to evaluate', async () => {
|
||||
mocked(loadAllPresets).mockRejectedValueOnce(error);
|
||||
jest.mocked(loadAllPresets).mockRejectedValueOnce(error);
|
||||
|
||||
await expect(async () =>
|
||||
withTelemetry('dev', { presetOptions: {} as any }, run)
|
||||
|
||||
7
code/lib/core-webpack/jest.config.js
Normal file
7
code/lib/core-webpack/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/csf-plugin/jest.config.js
Normal file
7
code/lib/csf-plugin/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/csf-tools/jest.config.js
Normal file
7
code/lib/csf-tools/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/docs-tools/jest.config.js
Normal file
7
code/lib/docs-tools/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -50,7 +50,7 @@
|
||||
"lodash": "^4.17.21"
|
||||
},
|
||||
"devDependencies": {
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"jest-specific-snapshot": "^6.0.0",
|
||||
"require-from-string": "^2.0.2",
|
||||
"typescript": "~4.6.3"
|
||||
},
|
||||
|
||||
7
code/lib/instrumenter/jest.config.js
Normal file
7
code/lib/instrumenter/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/node-logger/jest.config.js
Normal file
7
code/lib/node-logger/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
7
code/lib/postinstall/jest.config.js
Normal file
7
code/lib/postinstall/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -43,8 +43,8 @@
|
||||
"prep": "../../../scripts/prepare/bundle.ts"
|
||||
},
|
||||
"devDependencies": {
|
||||
"jest": "^26.6.3",
|
||||
"jest-specific-snapshot": "^4.0.0",
|
||||
"jest": "^28.0.0",
|
||||
"jest-specific-snapshot": "^6.0.0",
|
||||
"jscodeshift": "^0.13.1",
|
||||
"typescript": "~4.6.3"
|
||||
},
|
||||
|
||||
7
code/lib/preview-web/jest.config.js
Normal file
7
code/lib/preview-web/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.browser');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
@ -59,7 +59,6 @@
|
||||
"devDependencies": {
|
||||
"@storybook/channel-postmessage": "7.0.0-alpha.49",
|
||||
"react": "16.14.0",
|
||||
"ts-jest": "^28.0.8",
|
||||
"typescript": "~4.6.3"
|
||||
},
|
||||
"publishConfig": {
|
||||
|
||||
@ -3,7 +3,6 @@ import global from 'global';
|
||||
import type { Store_RenderContext } from '@storybook/types';
|
||||
import { addons, mockChannel as createMockChannel } from '@storybook/addons';
|
||||
|
||||
import { mocked } from 'ts-jest/utils';
|
||||
import { expect } from '@jest/globals';
|
||||
|
||||
import { PreviewWeb } from './PreviewWeb';
|
||||
@ -62,8 +61,8 @@ beforeEach(() => {
|
||||
addons.setChannel(mockChannel as any);
|
||||
addons.setServerChannel(createMockChannel());
|
||||
|
||||
mocked(WebView.prototype).prepareForDocs.mockReturnValue('docs-element' as any);
|
||||
mocked(WebView.prototype).prepareForStory.mockReturnValue('story-element' as any);
|
||||
jest.mocked(WebView.prototype).prepareForDocs.mockReturnValue('docs-element' as any);
|
||||
jest.mocked(WebView.prototype).prepareForStory.mockReturnValue('story-element' as any);
|
||||
});
|
||||
|
||||
describe('PreviewWeb', () => {
|
||||
|
||||
@ -30,7 +30,6 @@ import {
|
||||
import { logger } from '@storybook/client-logger';
|
||||
import { addons, mockChannel as createMockChannel } from '@storybook/addons';
|
||||
import type { Renderer, Store_ModuleImportFn, ProjectAnnotations } from '@storybook/types';
|
||||
import { mocked } from 'ts-jest/utils';
|
||||
|
||||
import { PreviewWeb } from './PreviewWeb';
|
||||
import {
|
||||
@ -66,11 +65,6 @@ jest.mock('global', () => ({
|
||||
search: '?id=*',
|
||||
},
|
||||
},
|
||||
window: {
|
||||
location: {
|
||||
reload: mockJest.fn(),
|
||||
},
|
||||
},
|
||||
FEATURES: {
|
||||
storyStoreV7: true,
|
||||
breakingChangesV7: true,
|
||||
@ -100,7 +94,8 @@ const createGate = (): [Promise<any | undefined>, (_?: any) => void] => {
|
||||
// a timer, so we need to first setImmediate (to get past the resolution), then run the timers
|
||||
// Probably jest modern timers do this but they aren't working for some bizzarre reason.
|
||||
async function waitForSetCurrentStory() {
|
||||
await new Promise((r) => setImmediate(r));
|
||||
jest.useFakeTimers({ doNotFake: ['setTimeout'] });
|
||||
await new Promise((r) => setTimeout(r, 0));
|
||||
jest.runAllTimers();
|
||||
}
|
||||
|
||||
@ -140,8 +135,8 @@ beforeEach(() => {
|
||||
addons.setServerChannel(createMockChannel());
|
||||
mockFetchResult = { status: 200, json: mockStoryIndex, text: () => 'error text' };
|
||||
|
||||
mocked(WebView.prototype).prepareForDocs.mockReturnValue('docs-element' as any);
|
||||
mocked(WebView.prototype).prepareForStory.mockReturnValue('story-element' as any);
|
||||
jest.mocked(WebView.prototype).prepareForDocs.mockReturnValue('docs-element' as any);
|
||||
jest.mocked(WebView.prototype).prepareForStory.mockReturnValue('story-element' as any);
|
||||
});
|
||||
|
||||
describe('PreviewWeb', () => {
|
||||
@ -196,6 +191,7 @@ describe('PreviewWeb', () => {
|
||||
|
||||
it('SET_GLOBALS sets globals and types even when undefined', async () => {
|
||||
await createAndRenderPreview({
|
||||
// @ts-expect-error (not strict)
|
||||
getProjectAnnotations: () => ({ renderToCanvas: jest.fn() }),
|
||||
});
|
||||
|
||||
@ -2029,6 +2025,18 @@ describe('PreviewWeb', () => {
|
||||
});
|
||||
|
||||
describe('while story is still rendering', () => {
|
||||
let originalLocation = window.location;
|
||||
beforeEach(() => {
|
||||
originalLocation = window.location;
|
||||
delete (window as Partial<Window>).location;
|
||||
window.location = { ...originalLocation, reload: jest.fn() };
|
||||
});
|
||||
|
||||
afterEach(() => {
|
||||
delete (window as Partial<Window>).location;
|
||||
window.location = { ...originalLocation, reload: originalLocation.reload };
|
||||
});
|
||||
|
||||
it('stops initial story after loaders if running', async () => {
|
||||
const [gate, openGate] = createGate();
|
||||
componentOneExports.default.loaders[0].mockImplementationOnce(async () => gate);
|
||||
@ -2180,10 +2188,11 @@ describe('PreviewWeb', () => {
|
||||
|
||||
// Wait three ticks without resolving the play function
|
||||
await waitForSetCurrentStory();
|
||||
await waitForSetCurrentStory();
|
||||
await waitForSetCurrentStory();
|
||||
// We can't mock setTimeout for this test, due to waitForSetCurrentStory hack,
|
||||
// So give some (real) time for the reload to be called
|
||||
await new Promise((r) => setTimeout(r, 100));
|
||||
|
||||
expect(global.window.location.reload).toHaveBeenCalled();
|
||||
expect(window.location.reload).toHaveBeenCalled();
|
||||
expect(mockChannel.emit).not.toHaveBeenCalledWith(STORY_CHANGED, 'component-one--b');
|
||||
expect(projectAnnotations.renderToCanvas).not.toHaveBeenCalledWith(
|
||||
expect.objectContaining({
|
||||
@ -3096,7 +3105,6 @@ describe('PreviewWeb', () => {
|
||||
const newStandaloneDocsExports = { default: jest.fn() };
|
||||
|
||||
const newImportFn = jest.fn(async (path) => {
|
||||
// @ts-expect-error (not strict)
|
||||
return path === './src/Introduction.mdx' ? newStandaloneDocsExports : importFn(path);
|
||||
});
|
||||
|
||||
@ -3208,7 +3216,6 @@ describe('PreviewWeb', () => {
|
||||
expect(mockChannel.emit).toHaveBeenCalledWith(CONFIG_ERROR, err);
|
||||
});
|
||||
|
||||
// @ts-expect-error (not strict)
|
||||
const newGlobalDecorator = jest.fn((s) => s());
|
||||
const newGetProjectAnnotations = () => {
|
||||
return {
|
||||
|
||||
@ -41,7 +41,7 @@ import { StandaloneDocsRender } from './render/StandaloneDocsRender';
|
||||
import type { SelectionStore } from './SelectionStore';
|
||||
import type { View } from './View';
|
||||
|
||||
const { window: globalWindow } = global;
|
||||
const globalWindow = globalThis;
|
||||
|
||||
function focusInInput(event: Event) {
|
||||
const target = event.target as Element;
|
||||
|
||||
@ -36,6 +36,7 @@ describe('StoryRender', () => {
|
||||
const render = new StoryRender(
|
||||
new Channel(),
|
||||
mockStore as unknown as StoryStore<Renderer>,
|
||||
// @ts-expect-error jest mock
|
||||
jest.fn(),
|
||||
{} as any,
|
||||
entry.id,
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
import global from 'global';
|
||||
import type {
|
||||
Renderer,
|
||||
Store_RenderContext,
|
||||
@ -21,7 +20,7 @@ import {
|
||||
import type { Render, RenderType } from './Render';
|
||||
import { PREPARE_ABORTED } from './Render';
|
||||
|
||||
const { AbortController } = global;
|
||||
const { AbortController } = globalThis;
|
||||
|
||||
export type RenderPhase =
|
||||
| 'preparing'
|
||||
@ -293,7 +292,7 @@ export class StoryRender<TRenderer extends Renderer> implements Render<TRenderer
|
||||
// If we still haven't completed, reload the page (iframe) to ensure we have a clean slate
|
||||
// for the next render. Since the reload can take a brief moment to happen, we want to stop
|
||||
// further rendering by awaiting a never-resolving promise (which is destroyed on reload).
|
||||
global.window.location.reload();
|
||||
window.location.reload();
|
||||
await new Promise(() => {});
|
||||
}
|
||||
}
|
||||
|
||||
7
code/lib/router/jest.config.js
Normal file
7
code/lib/router/jest.config.js
Normal file
@ -0,0 +1,7 @@
|
||||
const path = require('path');
|
||||
const baseConfig = require('../../jest.config.node');
|
||||
|
||||
module.exports = {
|
||||
...baseConfig,
|
||||
displayName: __dirname.split(path.sep).slice(-2).join(path.posix.sep),
|
||||
};
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user