4b586a1acc
## Current Behavior We do not have a generator that can scaffold a react or vue app using rsbuild. ## Expected Behavior Update the react application generator to support a bundler option of rsbuild Update the vue application generator to support a bundler option of rsbuild
111 lines
3.3 KiB
TypeScript
111 lines
3.3 KiB
TypeScript
import {
|
|
checkFilesExist,
|
|
cleanupProject,
|
|
newProject,
|
|
runCLI,
|
|
runCLIAsync,
|
|
runE2ETests,
|
|
uniq,
|
|
} from '@nx/e2e/utils';
|
|
|
|
describe('Build React applications and libraries with Rsbuild', () => {
|
|
beforeAll(() => {
|
|
newProject({
|
|
packages: ['@nx/react'],
|
|
});
|
|
});
|
|
|
|
afterAll(() => {
|
|
cleanupProject();
|
|
});
|
|
|
|
it('should test and lint app with bundler=rsbuild', async () => {
|
|
const rsbuildApp = uniq('rsbuildapp');
|
|
|
|
runCLI(
|
|
`generate @nx/react:app apps/${rsbuildApp} --bundler=rsbuild --unitTestRunner=vitest --no-interactive --linter=eslint`
|
|
);
|
|
|
|
const appTestResults = await runCLIAsync(`test ${rsbuildApp}`);
|
|
expect(appTestResults.combinedOutput).toContain(
|
|
'Successfully ran target test'
|
|
);
|
|
|
|
const appLintResults = await runCLIAsync(`lint ${rsbuildApp}`);
|
|
expect(appLintResults.combinedOutput).toContain(
|
|
'Successfully ran target lint'
|
|
);
|
|
|
|
await runCLIAsync(`build ${rsbuildApp}`);
|
|
checkFilesExist(`apps/${rsbuildApp}/dist/index.html`);
|
|
}, 300_000);
|
|
|
|
it('should test and lint app with bundler=rsbuild', async () => {
|
|
const rsbuildApp = uniq('rsbuildapp');
|
|
|
|
runCLI(
|
|
`generate @nx/react:app apps/${rsbuildApp} --bundler=rsbuild --unitTestRunner=vitest --no-interactive --linter=eslint`
|
|
);
|
|
|
|
const appTestResults = await runCLIAsync(`test ${rsbuildApp}`);
|
|
expect(appTestResults.combinedOutput).toContain(
|
|
'Successfully ran target test'
|
|
);
|
|
|
|
const appLintResults = await runCLIAsync(`lint ${rsbuildApp}`);
|
|
expect(appLintResults.combinedOutput).toContain(
|
|
'Successfully ran target lint'
|
|
);
|
|
|
|
await runCLIAsync(`build ${rsbuildApp}`);
|
|
checkFilesExist(`apps/${rsbuildApp}/dist/index.html`);
|
|
}, 300_000);
|
|
|
|
it('should test and lint app with bundler=rsbuild and inSourceTests', async () => {
|
|
const rsbuildApp = uniq('rsbuildapp');
|
|
|
|
runCLI(
|
|
`generate @nx/react:app apps/${rsbuildApp} --bundler=rsbuild --unitTestRunner=vitest --inSourceTests --no-interactive --linter=eslint`
|
|
);
|
|
expect(() => {
|
|
checkFilesExist(`apps/${rsbuildApp}/src/app/app.spec.tsx`);
|
|
}).toThrow();
|
|
|
|
const appTestResults = await runCLIAsync(`test ${rsbuildApp}`);
|
|
expect(appTestResults.combinedOutput).toContain(
|
|
'Successfully ran target test'
|
|
);
|
|
|
|
const appLintResults = await runCLIAsync(`lint ${rsbuildApp}`);
|
|
expect(appLintResults.combinedOutput).toContain(
|
|
'Successfully ran target lint'
|
|
);
|
|
|
|
await runCLIAsync(`build ${rsbuildApp}`);
|
|
checkFilesExist(`apps/${rsbuildApp}/dist/index.html`);
|
|
}, 300_000);
|
|
|
|
it('should support bundling with Rsbuild and Jest', async () => {
|
|
const rsbuildApp = uniq('rsbuildapp');
|
|
|
|
runCLI(
|
|
`generate @nx/react:app apps/${rsbuildApp} --bundler=rsbuild --unitTestRunner=jest --no-interactive --linter=eslint`
|
|
);
|
|
|
|
const appTestResults = await runCLIAsync(`test ${rsbuildApp}`);
|
|
expect(appTestResults.combinedOutput).toContain(
|
|
'Successfully ran target test'
|
|
);
|
|
|
|
await runCLIAsync(`build ${rsbuildApp}`);
|
|
checkFilesExist(`apps/${rsbuildApp}/dist/index.html`);
|
|
|
|
if (runE2ETests()) {
|
|
const result = runCLI(`e2e ${rsbuildApp}-e2e --verbose`);
|
|
expect(result).toContain(
|
|
`Successfully ran target e2e for project ${rsbuildApp}-e2e`
|
|
);
|
|
}
|
|
}, 300_000);
|
|
});
|