chore: Recreated tests from examples

Author: ijlee2

package.json

@@ -30,7 +30,6 @@
   "main": "dist/src/main.js",
   "scripts": {
     "build": "./build.sh --production",
-    "example": "pnpm preexample && cd examples && pnpm example",
     "format": "prettier --cache --write .",
     "lint": "concurrently \"pnpm:lint:*(!fix)\" --names \"lint:\" --prefix-colors auto && pnpm lint:format",
     "lint:js": "eslint . --cache",
@@ -41,7 +40,7 @@
     "prepack": "pnpm build",
     "preexample": "vite build",
     "test": "concurrently \"pnpm:test:*\" --names \"test:\" --prefix-colors auto",
-    "test:example": "pnpm preexample && cd examples && pnpm test",
+    "test:fixtures": "./build.sh --test && mt dist-for-testing --quiet",
     "test:vitest": "vitest run --exclude dist-for-testing --exclude tests"
   },
   "dependencies": {
@@ -51,7 +50,10 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.27.5",
     "@babel/types": "^7.27.6",
+    "@codemod-utils/files": "^3.0.2",
+    "@codemod-utils/tests": "^2.0.1",
     "@eslint/js": "^9.28.0",
+    "@sondr3/minitest": "^0.1.2",
     "@tsconfig/node18": "^18.2.4",
     "@tsconfig/strictest": "^2.0.5",
     "@types/babel__core": "^7.20.5",

tests/fixtures/example/index.ts

@@ -0,0 +1,6 @@
+import { convertFixtureToJson } from '@codemod-utils/tests';
+
+const inputProject = convertFixtureToJson('example/input');
+const outputProject = convertFixtureToJson('example/output');
+
+export { inputProject, outputProject };

tests/fixtures/example/input/example-1.gjs

@@ -0,0 +1,14 @@
+import Component from '@glimmer/component';
+
+/**
+ * An example GJS file on which we can run the Prettier for GJS plugin.
+ */
+class MyComponent
+  extends Component {
+
+        <template>
+
+
+    <h1>   Class top level template. Class top level template. Class top level template. Class top level template. Class top level template. </h1>
+  </template>
+}

tests/fixtures/example/input/example-2.gts

@@ -0,0 +1,12 @@
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+export interface Signature {
+  Element: HTMLElement,
+  Args: {
+
+
+  }
+  Yields: []
+}
+
+export default <template>     Explicit default export module top level component. Explicit default export module top level component. Explicit default export module top level component. Explicit default export module top level component. Explicit default export module top level component. </template> as TemplateOnlyComponent<Signature>

tests/fixtures/example/output/example-1.gjs

@@ -0,0 +1,13 @@
+import Component from '@glimmer/component';
+
+/**
+ * An example GJS file on which we can run the Prettier for GJS plugin.
+ */
+class MyComponent extends Component {
+  <template>
+    <h1>
+      Class top level template. Class top level template. Class top level
+      template. Class top level template. Class top level template.
+    </h1>
+  </template>
+}

tests/fixtures/example/output/example-2.gts

@@ -0,0 +1,14 @@
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+
+export interface Signature {
+  Element: HTMLElement;
+  Args: {};
+  Yields: [];
+}
+
+<template>
+  Explicit default export module top level component. Explicit default export
+  module top level component. Explicit default export module top level
+  component. Explicit default export module top level component. Explicit
+  default export module top level component.
+</template> as TemplateOnlyComponent<Signature>

tests/helpers/format-file.ts

@@ -0,0 +1,22 @@
+import { format } from 'prettier';
+
+import type { PluginOptions } from '../../src/options.js';
+import type { NodeType } from '../../src/utils/index.js';
+
+const defaultOptions = {
+  printWidth: 80,
+  singleQuote: true,
+  templateSingleQuote: false,
+};
+
+export async function formatFile(
+  file: string,
+  pluginOptions?: Partial<PluginOptions<NodeType>>,
+): Promise<string> {
+  return await format(file, {
+    ...defaultOptions,
+    ...pluginOptions,
+    parser: 'ember-template-tag',
+    plugins: ['./dist-for-testing/src/main.js'],
+  });
+}

tests/helpers/index.ts

@@ -0,0 +1,2 @@
+export * from './format-file.js';
+export * from './run-prettier.js';

tests/helpers/run-prettier.ts

@@ -0,0 +1,46 @@
+import { readFileSync, writeFileSync } from 'node:fs';
+// eslint-disable-next-line unicorn/import-style
+import { join } from 'node:path';
+
+import { findFiles } from '@codemod-utils/files';
+import { assertFixture, loadFixture } from '@codemod-utils/tests';
+
+import type { PluginOptions } from '../../src/options.js';
+import { formatFile } from './format-file.js';
+
+type DirectoryJSON = Parameters<typeof loadFixture>[0];
+
+type Options = {
+  fixturePath: string;
+  pluginOptions?: Partial<PluginOptions>;
+};
+
+export async function runPrettier(options: Options): Promise<void> {
+  const { fixturePath, pluginOptions } = options;
+
+  const { inputProject, outputProject } = (await import(
+    join('../fixtures', fixturePath, 'index.js')
+  )) as {
+    inputProject: DirectoryJSON;
+    outputProject: DirectoryJSON;
+  };
+
+  const projectRoot = join('tmp', fixturePath);
+
+  loadFixture(inputProject, { projectRoot });
+
+  const filePaths = findFiles('**/*.{gjs,gts}', {
+    projectRoot,
+  });
+
+  await Promise.all(
+    filePaths.map(async (filePath) => {
+      const oldFile = readFileSync(join(projectRoot, filePath), 'utf8');
+      const newFile = await formatFile(oldFile, pluginOptions);
+
+      writeFileSync(join(projectRoot, filePath), newFile, 'utf8');
+    }),
+  );
+
+  assertFixture(outputProject, { projectRoot });
+}

tests/main/example.test.ts

@@ -0,0 +1,14 @@
+import { test } from '@codemod-utils/tests';
+
+import { runPrettier } from '../helpers/index.js';
+
+test('main > example', async function () {
+  await runPrettier({
+    fixturePath: 'example',
+  });
+
+  // Check idempotence
+  await runPrettier({
+    fixturePath: 'example',
+  });
+});