0ca5a88bf1
* fix(testing): add .test. files to spec tsconfig template
add support for .test.ts and with supportTsx .test.{js|tsx|jsx} files
in the tsconfig.spec.json template.
Note each package that excludes testing files will need to be updated to
exclude the new files (coming in future commits)
* fix(angular): add .test.ts support in tsconfigs
add .test.ts in angular jest template
update angular generators to exclude test files
* fix(gatsby): add .test. file prefixes to tsconfig ignore
ignore the new .test.{js|ts|jsx|tsx} files added to jest configs
* fix(react): add .test. file prefix to app/lib tsconfigs
add .test.{ts|js|tsx|jsx} files to be excluded by app/lib tsconfig
* fix(node): add .test. file prefix to app/lib tsconfig
add .test.{ts|js|tsx|jsx} files to be excluded by app/lib tsconfig
ISSUES CLOSED: #7263
* fix(nest): update tests for new .test.ts files in tsconfig
update tests to account for changes in node generators which add .test.ts to the exclude of
tsconfigs
* fix(express): update tests to account for new tsconfig changes
updated snapshots
added new patterns for tsconfig
* fix(linter): update snapshots for new tsconfig changes
snapshot updated to include new .test.ts file changes for tsconfig
* fix(node): update testing to account for spec tsconfig changes
add .test.ts files in e2e tests
* fix(testing): add migration for tsconfig changes
initial migration and test for tsconfig changes
* chore(testing): add to migrations collection
add the update-ts-config-for-test-filenames to migrations
* fix(testing): fix filesystem issue with jest tests
mock readConfig to always return an basic config to prevent issues of not finding a config in non
linux environments, aka missing /root
* cleanup(testing): update error message
update message logged when tsconfig isn't found to mention what was trying to be accompished so it
can be manually updated if desired.
408 lines
12 KiB
TypeScript
408 lines
12 KiB
TypeScript
import { NxJsonConfiguration, readProjectConfiguration } from '@nrwl/devkit';
|
|
import { createTreeWithEmptyWorkspace } from '@nrwl/devkit/testing';
|
|
import { applicationGenerator } from './application';
|
|
import { readJson, Tree } from '@nrwl/devkit';
|
|
|
|
describe('app', () => {
|
|
let tree: Tree;
|
|
|
|
beforeEach(() => {
|
|
tree = createTreeWithEmptyWorkspace();
|
|
tree.write('.gitignore', '# empty');
|
|
tree.write('.prettierignore', '# empty');
|
|
});
|
|
|
|
it('should update workspace.json', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
const workspaceJson = readJson(tree, '/workspace.json');
|
|
const nxJson = readJson<NxJsonConfiguration>(tree, 'nx.json');
|
|
|
|
expect(workspaceJson.projects['my-app'].root).toEqual('apps/my-app');
|
|
expect(workspaceJson.projects['my-app-e2e'].root).toEqual(
|
|
'apps/my-app-e2e'
|
|
);
|
|
expect(nxJson.defaultProject).toEqual('my-app');
|
|
});
|
|
|
|
it('should update tags + implicitDependencies', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
tags: 'one,two',
|
|
standaloneConfig: false,
|
|
});
|
|
const myAppConfig = readProjectConfiguration(tree, 'my-app');
|
|
const myAppConfigE2E = readProjectConfiguration(tree, 'my-app-e2e');
|
|
expect({
|
|
'my-app': { tags: myAppConfig.tags },
|
|
'my-app-e2e': {
|
|
tags: myAppConfigE2E.tags,
|
|
implicitDependencies: myAppConfigE2E.implicitDependencies,
|
|
},
|
|
}).toEqual({
|
|
'my-app': {
|
|
tags: ['one', 'two'],
|
|
},
|
|
'my-app-e2e': {
|
|
tags: [],
|
|
implicitDependencies: ['my-app'],
|
|
},
|
|
});
|
|
});
|
|
|
|
it('should generate files', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(tree.exists('apps/my-app/tsconfig.json')).toBeTruthy();
|
|
expect(tree.exists('apps/my-app/tsconfig.app.json')).toBeTruthy();
|
|
expect(tree.exists('apps/my-app/src/pages/index.tsx')).toBeTruthy();
|
|
expect(tree.exists('apps/my-app/src/pages/index.spec.tsx')).toBeTruthy();
|
|
expect(tree.exists('apps/my-app/src/pages/index.module.css')).toBeTruthy();
|
|
});
|
|
|
|
describe('--style scss', () => {
|
|
it('should generate scss styles', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'scss',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(
|
|
tree.exists('apps/my-app/src/pages/index.module.scss')
|
|
).toBeTruthy();
|
|
|
|
const indexContent = tree
|
|
.read('apps/my-app/src/pages/index.tsx')
|
|
.toString();
|
|
expect(indexContent).toContain(
|
|
`import * as styles from './index.module.scss'`
|
|
);
|
|
|
|
const nxJson = readJson<NxJsonConfiguration>(tree, 'nx.json');
|
|
expect(nxJson.generators['@nrwl/gatsby'].application.style).toEqual(
|
|
'scss'
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('--style less', () => {
|
|
it('should generate less styles', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'less',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(
|
|
tree.exists('apps/my-app/src/pages/index.module.less')
|
|
).toBeTruthy();
|
|
|
|
const indexContent = tree
|
|
.read('apps/my-app/src/pages/index.tsx')
|
|
.toString();
|
|
expect(indexContent).toContain(
|
|
`import * as styles from './index.module.less'`
|
|
);
|
|
|
|
const nxJson = readJson<NxJsonConfiguration>(tree, 'nx.json');
|
|
expect(nxJson.generators['@nrwl/gatsby'].application.style).toEqual(
|
|
'less'
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('--style styl', () => {
|
|
it('should generate stylus styles', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'styl',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(
|
|
tree.exists('apps/my-app/src/pages/index.module.styl')
|
|
).toBeTruthy();
|
|
|
|
const indexContent = tree
|
|
.read('apps/my-app/src/pages/index.tsx')
|
|
.toString();
|
|
expect(indexContent).toContain(
|
|
`import * as styles from './index.module.styl'`
|
|
);
|
|
|
|
const nxJson = readJson<NxJsonConfiguration>(tree, 'nx.json');
|
|
expect(nxJson.generators['@nrwl/gatsby'].application.style).toEqual(
|
|
'styl'
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('--style styled-components', () => {
|
|
it('should generate scss styles', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'styled-components',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(
|
|
tree.exists('apps/my-app/src/pages/index.module.styled-components')
|
|
).toBeFalsy();
|
|
|
|
const indexContent = tree
|
|
.read('apps/my-app/src/pages/index.tsx')
|
|
.toString();
|
|
expect(indexContent).not.toContain(
|
|
`import * as styles from './index.module`
|
|
);
|
|
expect(indexContent).toContain(`import styled from 'styled-components'`);
|
|
|
|
const nxJson = readJson<NxJsonConfiguration>(tree, 'nx.json');
|
|
expect(nxJson.generators['@nrwl/gatsby'].application.style).toEqual(
|
|
'styled-components'
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('--style @emotion/styled', () => {
|
|
it('should generate emotion styles', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: '@emotion/styled',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(
|
|
tree.exists('apps/my-app/src/pages/index.module.styled-components')
|
|
).toBeFalsy();
|
|
|
|
const indexContent = tree
|
|
.read('apps/my-app/src/pages/index.tsx')
|
|
.toString();
|
|
expect(indexContent).not.toContain(
|
|
`import * as styles from './index.module`
|
|
);
|
|
expect(indexContent).toContain(`import styled from '@emotion/styled'`);
|
|
|
|
const nxJson = readJson<NxJsonConfiguration>(tree, 'nx.json');
|
|
expect(nxJson.generators['@nrwl/gatsby'].application.style).toEqual(
|
|
'@emotion/styled'
|
|
);
|
|
});
|
|
});
|
|
|
|
describe('--style styled-jsx', () => {
|
|
it('should use <style jsx> in index page', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'styled-jsx',
|
|
standaloneConfig: false,
|
|
});
|
|
|
|
const indexContent = tree
|
|
.read('apps/my-app/src/pages/index.tsx')
|
|
.toString();
|
|
|
|
expect(indexContent).toMatch(/<style jsx>/);
|
|
expect(
|
|
tree.exists('apps/my-app/src/pages/index.module.styled-jsx')
|
|
).toBeFalsy();
|
|
|
|
expect(indexContent).not.toContain(
|
|
`import * as styles from './index.module`
|
|
);
|
|
expect(indexContent).not.toContain(
|
|
`import styled from 'styled-components'`
|
|
);
|
|
|
|
const nxJson = readJson<NxJsonConfiguration>(tree, 'nx.json');
|
|
expect(nxJson.generators['@nrwl/gatsby'].application.style).toEqual(
|
|
'styled-jsx'
|
|
);
|
|
});
|
|
});
|
|
|
|
it('should setup jest with tsx support', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'my-app',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
|
|
expect(tree.read('apps/my-app/jest.config.js', 'utf-8')).toContain(
|
|
`moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],`
|
|
);
|
|
});
|
|
|
|
it('should setup jest with SVGR support', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'my-app',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
|
|
expect(tree.read('apps/my-app/jest.config.js', 'utf-8')).toContain(
|
|
`'^(?!.*\\\\.(js|jsx|ts|tsx|css|json)$)': '@nrwl/react/plugins/jest'`
|
|
);
|
|
});
|
|
|
|
it('should set up the nrwl gatsby build builder', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'my-app',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
const workspaceJson = readJson(tree, 'workspace.json');
|
|
const architectConfig = workspaceJson.projects['my-app'].architect;
|
|
expect(architectConfig.build.builder).toEqual('@nrwl/gatsby:build');
|
|
expect(architectConfig.build.options).toMatchObject({
|
|
outputPath: 'apps/my-app/public',
|
|
});
|
|
});
|
|
|
|
it('should set up the nrwl gatsby server builder', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'my-app',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
const workspaceJson = readJson(tree, 'workspace.json');
|
|
const architectConfig = workspaceJson.projects['my-app'].architect;
|
|
expect(architectConfig.serve.builder).toEqual('@nrwl/gatsby:server');
|
|
expect(architectConfig.serve.options).toMatchObject({
|
|
buildTarget: 'my-app:build',
|
|
});
|
|
expect(architectConfig.serve.configurations).toEqual({
|
|
production: { buildTarget: 'my-app:build:production' },
|
|
});
|
|
});
|
|
|
|
describe('--unit-test-runner none', () => {
|
|
it('should not generate test configuration', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
unitTestRunner: 'none',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(tree.exists('jest.config.js')).toBeFalsy();
|
|
expect(tree.exists('apps/my-app/specs/index.spec.tsx')).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
describe('--e2e-test-runner none', () => {
|
|
it('should not generate test configuration', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
e2eTestRunner: 'none',
|
|
standaloneConfig: false,
|
|
});
|
|
expect(tree.exists('apps/my-app-e2e')).toBeFalsy();
|
|
const workspaceJson = readJson(tree, 'workspace.json');
|
|
expect(workspaceJson.projects['my-app-e2e']).toBeUndefined();
|
|
});
|
|
});
|
|
|
|
it('should generate an index component', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
|
|
const appContent = tree.read('apps/my-app/src/pages/index.tsx', 'utf-8');
|
|
|
|
expect(appContent).not.toMatch(/extends Component/);
|
|
});
|
|
|
|
it('should add .eslintrc.json and dependencies', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
standaloneConfig: false,
|
|
});
|
|
|
|
const packageJson = readJson(tree, '/package.json');
|
|
expect(packageJson).toMatchObject({
|
|
devDependencies: {
|
|
'eslint-plugin-react': expect.anything(),
|
|
'eslint-plugin-react-hooks': expect.anything(),
|
|
},
|
|
});
|
|
|
|
const eslintJson = readJson(tree, '/apps/my-app/.eslintrc.json');
|
|
expect(eslintJson).toMatchInlineSnapshot(`
|
|
Object {
|
|
"extends": Array [
|
|
"plugin:@nrwl/nx/react",
|
|
"../../.eslintrc.json",
|
|
],
|
|
"ignorePatterns": Array [
|
|
"!**/*",
|
|
"public",
|
|
".cache",
|
|
],
|
|
"overrides": Array [
|
|
Object {
|
|
"files": Array [
|
|
"*.ts",
|
|
"*.tsx",
|
|
"*.js",
|
|
"*.jsx",
|
|
],
|
|
"rules": Object {},
|
|
},
|
|
Object {
|
|
"files": Array [
|
|
"*.ts",
|
|
"*.tsx",
|
|
],
|
|
"rules": Object {
|
|
"@typescript-eslint/camelcase": "off",
|
|
},
|
|
},
|
|
Object {
|
|
"files": Array [
|
|
"*.js",
|
|
"*.jsx",
|
|
],
|
|
"rules": Object {},
|
|
},
|
|
],
|
|
}
|
|
`);
|
|
});
|
|
|
|
describe('--js', () => {
|
|
it('generates JS files', async () => {
|
|
await applicationGenerator(tree, {
|
|
name: 'myApp',
|
|
style: 'css',
|
|
js: true,
|
|
standaloneConfig: false,
|
|
});
|
|
|
|
expect(tree.exists('apps/my-app/src/pages/index.js')).toBeTruthy();
|
|
expect(tree.exists('apps/my-app/src/pages/index.spec.js')).toBeTruthy();
|
|
|
|
const tsConfig = readJson(tree, 'apps/my-app/tsconfig.json');
|
|
expect(tsConfig.compilerOptions.allowJs).toEqual(true);
|
|
|
|
const tsConfigApp = readJson(tree, 'apps/my-app/tsconfig.app.json');
|
|
expect(tsConfigApp.include).toContain('**/*.js');
|
|
expect(tsConfigApp.exclude).toEqual(
|
|
expect.arrayContaining([
|
|
'**/*.spec.js',
|
|
'**/*.test.js',
|
|
'**/*.spec.jsx',
|
|
'**/*.test.jsx',
|
|
])
|
|
);
|
|
});
|
|
});
|
|
});
|