123 lines
4.2 KiB
TypeScript
123 lines
4.2 KiB
TypeScript
import {
|
|
ensureProject,
|
|
runCLI,
|
|
uniq,
|
|
updateFile,
|
|
readFile,
|
|
runCLIAsync,
|
|
checkFilesExist,
|
|
renameFile,
|
|
readJson
|
|
} from '../utils';
|
|
import { serializeJson } from '@nrwl/workspace';
|
|
|
|
describe('React Applications', () => {
|
|
it('should be able to generate a react app + lib', async () => {
|
|
ensureProject();
|
|
const appName = uniq('app');
|
|
const libName = uniq('lib');
|
|
|
|
runCLI(`generate @nrwl/react:app ${appName} --no-interactive`);
|
|
runCLI(`generate @nrwl/react:lib ${libName} --no-interactive`);
|
|
|
|
const mainPath = `apps/${appName}/src/main.tsx`;
|
|
updateFile(
|
|
`apps/${appName}/src/app/app.css`,
|
|
`body {
|
|
display: block;
|
|
}`
|
|
);
|
|
updateFile(mainPath, `import '@proj/${libName}';\n` + readFile(mainPath));
|
|
|
|
const lintResults = runCLI(`lint ${appName}`);
|
|
expect(lintResults).toContain('All files pass linting.');
|
|
runCLI(`build ${appName}`);
|
|
checkFilesExist(
|
|
`dist/apps/${appName}/index.html`,
|
|
`dist/apps/${appName}/polyfills.js`,
|
|
`dist/apps/${appName}/runtime.js`,
|
|
`dist/apps/${appName}/vendor.js`,
|
|
`dist/apps/${appName}/main.js`,
|
|
`dist/apps/${appName}/styles.js`
|
|
);
|
|
runCLI(`build ${appName} --prod --output-hashing none`);
|
|
checkFilesExist(
|
|
`dist/apps/${appName}/index.html`,
|
|
`dist/apps/${appName}/polyfills.js`,
|
|
`dist/apps/${appName}/runtime.js`,
|
|
`dist/apps/${appName}/main.js`,
|
|
`dist/apps/${appName}/styles.css`
|
|
);
|
|
const testResults = await runCLIAsync(`test ${appName}`);
|
|
expect(testResults.stderr).toContain('Test Suites: 1 passed, 1 total');
|
|
const lintE2eResults = runCLI(`lint ${appName}-e2e`);
|
|
expect(lintE2eResults).toContain('All files pass linting.');
|
|
const e2eResults = runCLI(`e2e ${appName}-e2e`);
|
|
expect(e2eResults).toContain('All specs passed!');
|
|
|
|
const libTestResults = await runCLIAsync(`test ${libName}`);
|
|
expect(libTestResults.stderr).toContain('Test Suites: 1 passed, 1 total');
|
|
}, 120000);
|
|
|
|
it('should be able to use JSX', async () => {
|
|
ensureProject();
|
|
const appName = uniq('app');
|
|
const libName = uniq('lib');
|
|
|
|
runCLI(`generate @nrwl/react:app ${appName} --no-interactive`);
|
|
runCLI(`generate @nrwl/react:lib ${libName} --no-interactive`);
|
|
|
|
renameFile(`apps/${appName}/src/main.tsx`, `apps/${appName}/src/main.jsx`);
|
|
renameFile(
|
|
`apps/${appName}/src/app/app.tsx`,
|
|
`apps/${appName}/src/app/app.jsx`
|
|
);
|
|
renameFile(
|
|
`apps/${appName}/src/app/app.spec.tsx`,
|
|
`apps/${appName}/src/app/app.spec.jsx`
|
|
);
|
|
renameFile(
|
|
`apps/${appName}/src/polyfills.ts`,
|
|
`apps/${appName}/src/polyfills.js`
|
|
);
|
|
const angularJson = readJson('angular.json');
|
|
|
|
angularJson.projects[
|
|
appName
|
|
].architect.build.options.main = `apps/${appName}/src/main.jsx`;
|
|
angularJson.projects[
|
|
appName
|
|
].architect.build.options.polyfills = `apps/${appName}/src/polyfills.js`;
|
|
updateFile('angular.json', serializeJson(angularJson));
|
|
|
|
const mainPath = `apps/${appName}/src/main.jsx`;
|
|
updateFile(mainPath, `import '@proj/${libName}';\n` + readFile(mainPath));
|
|
|
|
const lintResults = runCLI(`lint ${appName}`);
|
|
expect(lintResults).toContain('All files pass linting.');
|
|
runCLI(`build ${appName}`);
|
|
checkFilesExist(
|
|
`dist/apps/${appName}/index.html`,
|
|
`dist/apps/${appName}/polyfills.js`,
|
|
`dist/apps/${appName}/runtime.js`,
|
|
`dist/apps/${appName}/vendor.js`,
|
|
`dist/apps/${appName}/main.js`,
|
|
`dist/apps/${appName}/styles.js`
|
|
);
|
|
runCLI(`build ${appName} --prod --output-hashing none`);
|
|
checkFilesExist(
|
|
`dist/apps/${appName}/index.html`,
|
|
`dist/apps/${appName}/polyfills.js`,
|
|
`dist/apps/${appName}/runtime.js`,
|
|
`dist/apps/${appName}/main.js`,
|
|
`dist/apps/${appName}/styles.css`
|
|
);
|
|
const testResults = await runCLIAsync(`test ${appName}`);
|
|
expect(testResults.stderr).toContain('Test Suites: 1 passed, 1 total');
|
|
const lintE2eResults = runCLI(`lint ${appName}-e2e`);
|
|
expect(lintE2eResults).toContain('All files pass linting.');
|
|
const e2eResults = runCLI(`e2e ${appName}-e2e`);
|
|
expect(e2eResults).toContain('All specs passed!');
|
|
}, 30000);
|
|
});
|