import { createTreeWithEmptyWorkspace } from '@nx/devkit/testing';
import { Tree, readJson, readProjectConfiguration } from '@nx/devkit';
import { applicationGenerator } from './application';

describe('app', () => {
  let tree: Tree;
  const name = 'my-app';

  describe('generated files content - as-provided', () => {
    describe('general application', () => {
      beforeEach(async () => {
        tree = createTreeWithEmptyWorkspace();
        await applicationGenerator(tree, {
          name,
          projectNameAndRootFormat: 'as-provided',
          unitTestRunner: 'vitest',
        });
      });

      it('should not add targets', async () => {
        const projectConfig = readProjectConfiguration(tree, name);
        expect(projectConfig.targets.build).toBeUndefined();
        expect(projectConfig.targets.serve).toBeUndefined();
        expect(projectConfig.targets.test).toBeUndefined();
      });

      it('should create all new files in the correct location', async () => {
        const newFiles = tree.listChanges().map((change) => change.path);
        expect(newFiles).toMatchSnapshot();
      });

      it('should add nuxt entries in .gitignore', () => {
        expect(tree.read('.gitignore', 'utf-8')).toMatchSnapshot();
      });

      it('should configure nuxt correctly', () => {
        expect(tree.read('my-app/nuxt.config.ts', 'utf-8')).toMatchSnapshot();
      });

      it('should configure eslint correctly', () => {
        expect(tree.read('my-app/.eslintrc.json', 'utf-8')).toMatchSnapshot();
      });

      it('should configure vitest correctly', () => {
        expect(tree.read('my-app/vitest.config.ts', 'utf-8')).toMatchSnapshot();
        expect(
          tree.read('my-app/tsconfig.spec.json', 'utf-8')
        ).toMatchSnapshot();
        expect(tree.read('my-app/tsconfig.json', 'utf-8')).toMatchSnapshot();
        const packageJson = readJson(tree, 'package.json');
        expect(packageJson.devDependencies['vitest']).toEqual('^1.3.1');
      });

      it('should configure tsconfig and project.json correctly', () => {
        expect(tree.read('my-app/project.json', 'utf-8')).toMatchSnapshot();
        expect(tree.read('my-app/tsconfig.json', 'utf-8')).toMatchSnapshot();
      });
    });

    describe('styles setup', () => {
      beforeAll(async () => {
        tree = createTreeWithEmptyWorkspace();
      });
      it('should configure css', async () => {
        await applicationGenerator(tree, {
          name: 'myapp1',
          projectNameAndRootFormat: 'as-provided',
          unitTestRunner: 'none',
          style: 'css',
        });
        expect(tree.exists('myapp1/src/assets/css/styles.css')).toBeTruthy();
        expect(tree.read('myapp1/nuxt.config.ts', 'utf-8')).toMatchSnapshot();
      });

      it('should configure scss', async () => {
        await applicationGenerator(tree, {
          name: 'myapp2',
          projectNameAndRootFormat: 'as-provided',
          unitTestRunner: 'none',
          style: 'scss',
        });
        expect(tree.exists('myapp2/src/assets/css/styles.scss')).toBeTruthy();
        expect(tree.read('myapp2/nuxt.config.ts', 'utf-8')).toMatchSnapshot();
      });

      it('should configure less', async () => {
        await applicationGenerator(tree, {
          name: 'myapp3',
          projectNameAndRootFormat: 'as-provided',
          unitTestRunner: 'none',
          style: 'less',
        });
        expect(tree.exists('myapp3/src/assets/css/styles.less')).toBeTruthy();
        expect(tree.read('myapp3/nuxt.config.ts', 'utf-8')).toMatchSnapshot();
      });

      it('should not configure styles', async () => {
        await applicationGenerator(tree, {
          name: 'myapp4',
          projectNameAndRootFormat: 'as-provided',
          unitTestRunner: 'none',
          style: 'none',
        });
        expect(tree.exists('myapp4/src/assets/css/styles.css')).toBeFalsy();
        expect(tree.read('myapp4/nuxt.config.ts', 'utf-8')).toMatchSnapshot();
      });
    });
  });
});