27edf71cef
<!-- Please make sure you have read the submission guidelines before posting an PR --> <!-- https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md#-submitting-a-pr --> <!-- Please make sure that your commit message follows our format --> <!-- Example: `fix(nx): must begin with lowercase` --> <!-- If this is a particularly complex change or feature addition, you can request a dedicated Nx release for this pull request branch. Mention someone from the Nx team or the `@nrwl/nx-pipelines-reviewers` and they will confirm if the PR warrants its own release for testing purposes, and generate it for you if appropriate. --> ## Current Behavior <!-- This is the behavior we have today --> ## Expected Behavior <!-- This is the behavior we should expect with the changes in this PR --> ## Related Issue(s) <!-- Please link the issue being fixed so it gets closed when this is merged. --> Fixes # --------- Co-authored-by: Colum Ferry <cferry09@gmail.com> Co-authored-by: Nicholas Cunningham <ndcunningham@gmail.com>
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
import {
|
|
cleanupProject,
|
|
listFiles,
|
|
newProject,
|
|
readFile,
|
|
runCLI,
|
|
uniq,
|
|
updateFile,
|
|
} from '@nx/e2e/utils';
|
|
|
|
describe('vue tailwind support', () => {
|
|
beforeAll(() => {
|
|
newProject({ packages: ['@nx/vue'] });
|
|
});
|
|
|
|
afterAll(() => {
|
|
cleanupProject();
|
|
});
|
|
|
|
it('should setup tailwind and build correctly', async () => {
|
|
const app = uniq('app');
|
|
|
|
runCLI(`generate @nx/vue:app ${app} --style=css --no-interactive`);
|
|
runCLI(`generate @nx/vue:setup-tailwind --project=${app}`);
|
|
|
|
updateFile(
|
|
`${app}/src/App.vue`,
|
|
`
|
|
<template>
|
|
<h1 className='text-3xl font-bold'>
|
|
Hello TailwindCSS!
|
|
</h1>
|
|
</template>
|
|
`
|
|
);
|
|
|
|
runCLI(`build ${app}`);
|
|
|
|
const fileArray = listFiles(`dist/${app}/assets`);
|
|
const stylesheet = fileArray.find((file) => file.endsWith('.css'));
|
|
const content = readFile(`dist/${app}/assets/${stylesheet}`);
|
|
|
|
// used, not purged
|
|
expect(content).toContain('text-3xl');
|
|
expect(content).toContain('font-bold');
|
|
// unused, purged
|
|
expect(content).not.toContain('text-xl');
|
|
}, 300_000);
|
|
});
|