chore: update tests

Author: jherr

package.json

@@ -40,7 +40,8 @@
   "workspaces": [
     "./cli/*",
     "./packages/*",
-    "./templates/*"
+    "./templates/*",
+    "./tests/*"
   ],
   "dependencies": {
     "@tanstack/config": "^0.16.2"

packages/cta-core/package.json

@@ -20,10 +20,9 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "keywords": [
-    "react",
     "tanstack",
     "router",
-    "create-react-app"
+    "create-tsrouter-app"
   ],
   "author": "Jack Herrington <[email protected]>",
   "license": "MIT",

packages/cta-engine/package.json

@@ -20,10 +20,9 @@
     "url": "https://github.com/sponsors/tannerlinsley"
   },
   "keywords": [
-    "react",
     "tanstack",
     "router",
-    "create-react-app"
+    "create-tsrouter-app"
   ],
   "author": "Jack Herrington <[email protected]>",
   "license": "MIT",

packages/cta-engine/src/create-app.ts

@@ -761,6 +761,6 @@ Use the following commands to start your app:
 % cd ${options.projectName}
 % ${startCommand}
 
-Please check the README.md for more information on testing, styling, adding routes, react-query, etc.${errorStatement}`)
+Please check the README.md for more information on testing, styling, adding routes, etc.${errorStatement}`)
   }
 }

pnpm-lock.yaml

@@ -2,3 +2,4 @@ packages:
   - 'packages/*'
   - 'cli/*'
   - 'templates/*'
+  - 'tests/*'

pnpm-workspace.yaml

@@ -1,17 +1,25 @@
 import { describe, expect, test } from 'vitest'
 
-import { createApp } from '../src/create-app.js'
-import { finalizeAddOns } from '../src/add-ons.js';
+import { createApp } from '@tanstack/cta-engine'
+import { finalizeAddOns, getFrameworkById } from '@tanstack/cta-core'
+
+import { register as registerReactCra } from '@tanstack/cta-templates-react-cra'
+import { register as registerSolid } from '@tanstack/cta-templates-solid'
+
 import { cleanupOutput, createTestEnvironment } from './test-utilities.js'
 
+registerReactCra()
+registerSolid()
+
 describe('React Templates', () => {
   test('code router in javascript on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('react-cra')!
     await createApp(
       {
         addOns: false,
-        framework: 'react',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'code-router',
@@ -36,10 +44,11 @@ describe('React Templates', () => {
   test('code router in typescript on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('react-cra')!
     await createApp(
       {
         addOns: false,
-        framework: 'react',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'code-router',
@@ -64,10 +73,11 @@ describe('React Templates', () => {
   test('file router on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('react-cra')!
     await createApp(
       {
         addOns: false,
-        framework: 'react',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'file-router',
@@ -92,10 +102,11 @@ describe('React Templates', () => {
   test('file router with tailwind on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('react-cra')!
     await createApp(
       {
         addOns: false,
-        framework: 'react',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'file-router',
@@ -117,45 +128,46 @@ describe('React Templates', () => {
     )
   })
 
-	test('file router with add-on start on npm', async () => {
-		const projectName = 'TEST';
-		const framework = 'react'
-		const template = 'file-router'
-		const { environment, output } = createTestEnvironment(projectName);
-		await createApp(
-			{
-				addOns: true,
-				framework,
-				chosenAddOns: await finalizeAddOns(framework, template, ['start']),
-				git: true,
-				mode: template,
-				packageManager: 'npm',
-				projectName,
-				tailwind: true,
-				toolchain: 'none',
-				typescript: true,
-				variableValues: {},
-			},
-			{
-				silent: true,
-				environment,
-			},
-		);
-		cleanupOutput(output);
-		await expect(JSON.stringify(output, null, 2)).toMatchFileSnapshot(
-			'./snapshots/cra/cr-ts-start-npm.json',
-		);
-	});
+  test('file router with add-on start on npm', async () => {
+    const projectName = 'TEST'
+    const framework = getFrameworkById('react-cra')!
+    const template = 'file-router'
+    const { environment, output } = createTestEnvironment(projectName)
+    await createApp(
+      {
+        addOns: true,
+        framework,
+        chosenAddOns: await finalizeAddOns(framework, template, ['start']),
+        git: true,
+        mode: template,
+        packageManager: 'npm',
+        projectName,
+        tailwind: true,
+        toolchain: 'none',
+        typescript: true,
+        variableValues: {},
+      },
+      {
+        silent: true,
+        environment,
+      },
+    )
+    cleanupOutput(output)
+    await expect(JSON.stringify(output, null, 2)).toMatchFileSnapshot(
+      './snapshots/cra/cr-ts-start-npm.json',
+    )
+  })
 })
 
 describe('Solid Templates', () => {
   test('code router in javascript on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('solid')!
     await createApp(
       {
         addOns: false,
-        framework: 'solid',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'code-router',
@@ -180,10 +192,11 @@ describe('Solid Templates', () => {
   test('code router in typescript on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('solid')!
     await createApp(
       {
         addOns: false,
-        framework: 'solid',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'code-router',
@@ -208,10 +221,11 @@ describe('Solid Templates', () => {
   test('file router on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('solid')!
     await createApp(
       {
         addOns: false,
-        framework: 'solid',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'file-router',
@@ -236,10 +250,11 @@ describe('Solid Templates', () => {
   test('file router with tailwind on npm', async () => {
     const projectName = 'TEST'
     const { environment, output } = createTestEnvironment(projectName)
+    const framework = getFrameworkById('solid')!
     await createApp(
       {
         addOns: false,
-        framework: 'solid',
+        framework,
         chosenAddOns: [],
         git: true,
         mode: 'file-router',
@@ -261,33 +276,33 @@ describe('Solid Templates', () => {
     )
   })
 
-	test('file router with add-on start on npm', async () => {
-		const projectName = 'TEST';
-		const framework = 'solid';
-		const template = 'file-router';
-		const { environment, output } = createTestEnvironment(projectName);
-		await createApp(
-			{
-				addOns: true,
-				framework,
-				chosenAddOns: await finalizeAddOns(framework, template, ['start']),
-				git: true,
-				mode: template,
-				packageManager: 'npm',
-				projectName,
-				tailwind: true,
-				toolchain: 'none',
-				typescript: true,
-				variableValues: {},
-			},
-			{
-				silent: true,
-				environment,
-			},
-		);
-		cleanupOutput(output);
-		await expect(JSON.stringify(output, null, 2)).toMatchFileSnapshot(
-			'./snapshots/cra/solid-cr-ts-start-npm.json',
-		);
-	});
+  test('file router with add-on start on npm', async () => {
+    const projectName = 'TEST'
+    const framework = getFrameworkById('solid')!
+    const template = 'file-router'
+    const { environment, output } = createTestEnvironment(projectName)
+    await createApp(
+      {
+        addOns: true,
+        framework,
+        chosenAddOns: await finalizeAddOns(framework, template, ['start']),
+        git: true,
+        mode: template,
+        packageManager: 'npm',
+        projectName,
+        tailwind: true,
+        toolchain: 'none',
+        typescript: true,
+        variableValues: {},
+      },
+      {
+        silent: true,
+        environment,
+      },
+    )
+    cleanupOutput(output)
+    await expect(JSON.stringify(output, null, 2)).toMatchFileSnapshot(
+      './snapshots/cra/solid-cr-ts-start-npm.json',
+    )
+  })
 })

tests/cra.test.ts renamed to tests/integration-tests/cra.test.ts

@@ -0,0 +1,15 @@
+{
+  "name": "tanstack-app-creators-tests",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "test": "vitest"
+  },
+  "dependencies": {
+    "vitest": "^3.0.8",
+    "@tanstack/cta-core": "workspace:*",
+    "@tanstack/cta-engine": "workspace:*",
+    "@tanstack/cta-templates-react-cra": "workspace:*",
+    "@tanstack/cta-templates-solid": "workspace:*"
+  }
+}