f39c1f991e
Properly deprecate the `Linter` enum in favor of the `LinterType` union type and remove unneeded internal usages.
100 lines
2.5 KiB
TypeScript
100 lines
2.5 KiB
TypeScript
import 'nx/src/internal-testing-utils/mock-project-graph';
|
|
|
|
import { logger, Tree } from '@nx/devkit';
|
|
import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
|
|
import applicationGenerator from '../application/application';
|
|
import storybookConfigurationGenerator from './configuration';
|
|
import { componentGenerator } from '@nx/vue';
|
|
|
|
const componentContent = `<script setup lang="ts">
|
|
defineProps<{
|
|
name: string;
|
|
displayAge: boolean;
|
|
age: number;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<p>Welcome to Vlv!</p>
|
|
</template>
|
|
|
|
<style scoped>
|
|
</style>
|
|
`;
|
|
|
|
describe('nuxt:storybook-configuration', () => {
|
|
let appTree;
|
|
beforeEach(async () => {
|
|
jest.spyOn(logger, 'warn').mockImplementation(() => {});
|
|
jest.spyOn(logger, 'debug').mockImplementation(() => {});
|
|
jest.resetModules();
|
|
});
|
|
|
|
afterEach(() => {
|
|
jest.restoreAllMocks();
|
|
});
|
|
|
|
it('should configure with vue3 framework and styles import', async () => {
|
|
appTree = await createTestApp('test-ui-app');
|
|
await storybookConfigurationGenerator(appTree, {
|
|
project: 'test-ui-app',
|
|
});
|
|
|
|
expect(
|
|
appTree.read('test-ui-app/.storybook/main.ts', 'utf-8')
|
|
).toMatchSnapshot();
|
|
expect(
|
|
appTree.read('test-ui-app/.storybook/preview.ts', 'utf-8')
|
|
).toMatchSnapshot();
|
|
expect(
|
|
appTree.read('test-ui-app/tsconfig.storybook.json', 'utf-8')
|
|
).toMatchSnapshot();
|
|
});
|
|
|
|
it('should generate stories for components and not pages', async () => {
|
|
appTree = await createTestApp('test-ui-app');
|
|
appTree.write(
|
|
'test-ui-app/src/components/my-component/my-component.vue',
|
|
componentContent
|
|
);
|
|
appTree.write('test-ui-app/src/pages/about.vue', componentContent);
|
|
|
|
await storybookConfigurationGenerator(appTree, {
|
|
project: 'test-ui-app',
|
|
generateStories: true,
|
|
});
|
|
|
|
expect(
|
|
appTree.exists(
|
|
'test-ui-app/src/components/my-component/my-component.stories.ts'
|
|
)
|
|
).toBeTruthy();
|
|
expect(
|
|
appTree.exists('test-ui-app/src/pages/about.stories.ts')
|
|
).toBeFalsy();
|
|
});
|
|
});
|
|
|
|
export async function createTestApp(
|
|
appName: string,
|
|
plainJS = false
|
|
): Promise<Tree> {
|
|
let appTree = createTreeWithEmptyWorkspace();
|
|
|
|
await applicationGenerator(appTree, {
|
|
e2eTestRunner: 'none',
|
|
linter: 'eslint',
|
|
skipFormat: false,
|
|
style: 'css',
|
|
unitTestRunner: 'none',
|
|
directory: appName,
|
|
js: plainJS,
|
|
});
|
|
|
|
await componentGenerator(appTree, {
|
|
path: `${appName}/src/components/my-component`,
|
|
});
|
|
|
|
return appTree;
|
|
}
|