@tanstack/cli 0.59.8 → 0.60.0

package/tests-e2e/router-only-smoke.spec.ts

@@ -0,0 +1,68 @@
+import { expect, test } from '@playwright/test'
+
+import { attachRuntimeGuards, createReactAppFixture } from './helpers'
+
+test('@blocking creates a React router-only app and navigates every internal link', async ({
+  page,
+}) => {
+  const fixture = await createReactAppFixture({
+    appName: 'react-router-only-smoke-app',
+    routerOnly: true,
+  })
+  const guards = attachRuntimeGuards(page, fixture.url)
+
+  try {
+    await page.goto(fixture.url)
+    await expect(
+      page.getByRole('heading', { name: 'Island hours, but for product teams.' }),
+    ).toBeVisible()
+
+    const homeLinks = await page
+      .locator('a[href^="/"]')
+      .evaluateAll((anchors) =>
+        Array.from(new Set(anchors.map((anchor) => anchor.getAttribute('href') || '')))
+          .filter(Boolean)
+          .sort(),
+      )
+
+    expect(homeLinks).toContain('/blog')
+
+    await page.locator('a[href="/blog"]').first().click()
+    await expect(page).toHaveURL(/\/blog\/?$/)
+    await expect(page.getByRole('heading', { name: 'Blog' })).toBeVisible()
+
+    const blogPostLinks = await page
+      .locator('a[href^="/blog/"]')
+      .evaluateAll((anchors) =>
+        Array.from(new Set(anchors.map((anchor) => anchor.getAttribute('href') || '')))
+          .filter(Boolean)
+          .sort(),
+      )
+
+    expect(blogPostLinks.length).toBeGreaterThan(0)
+
+    for (const postPath of blogPostLinks) {
+      await page.locator(`a[href="${postPath}"]`).first().click()
+      await expect(page).toHaveURL(new RegExp(`${postPath}/?$`))
+      await expect(page.locator('h1').first()).toBeVisible()
+      await page.goBack()
+      await expect(page).toHaveURL(/\/blog\/?$/)
+    }
+
+    await page.goto(`${fixture.url}/about`)
+    await expect(page.getByRole('heading', { name: 'Built for shipping fast.' })).toBeVisible()
+
+    await page.goto(fixture.url)
+    await expect(
+      page.getByRole('heading', { name: 'Island hours, but for product teams.' }),
+    ).toBeVisible()
+  } finally {
+    try {
+      guards.assertClean()
+    } finally {
+      guards.dispose()
+      await fixture.stop()
+      await fixture.cleanup()
+    }
+  }
+})

package/tests-e2e/solid-smoke.spec.ts

@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test'
+
+import { attachRuntimeGuards, createAppFixture } from './helpers'
+
+test('@blocking creates a Solid app and renders the home route', async ({ page }) => {
+  const fixture = await createAppFixture({
+    appName: 'solid-smoke-app',
+    framework: 'solid',
+  })
+  const guards = attachRuntimeGuards(page, fixture.url)
+
+  try {
+    await page.goto(fixture.url)
+    await expect(page.getByRole('heading', { name: /TANSTACK/i })).toBeVisible()
+    await expect(page.getByText('The framework for next generation AI applications')).toBeVisible()
+  } finally {
+    try {
+      guards.assertClean()
+    } finally {
+      guards.dispose()
+      await fixture.stop()
+      await fixture.cleanup()
+    }
+  }
+})

package/tests-e2e/templates-smoke.spec.ts

@@ -0,0 +1,52 @@
+import { expect, test } from '@playwright/test'
+
+import { attachRuntimeGuards, createReactAppFixture, getRepoPath } from './helpers'
+
+test('@blocking creates and renders the resume template', async ({ page }) => {
+  const fixture = await createReactAppFixture({
+    appName: 'resume-template-smoke-app',
+    template: getRepoPath('examples/react/resume/template.json'),
+  })
+  const guards = attachRuntimeGuards(page, fixture.url)
+
+  try {
+    await page.goto(fixture.url)
+    await expect(page.getByRole('heading', { name: /Hi, I'm Jane Smith\./ })).toBeVisible()
+    await expect(page.getByText('Product-minded frontend engineer')).toBeVisible()
+
+    await page.getByRole('link', { name: 'Resume' }).click()
+    await expect(page).toHaveURL(/\/$/)
+  } finally {
+    try {
+      guards.assertClean()
+    } finally {
+      guards.dispose()
+      await fixture.stop()
+      await fixture.cleanup()
+    }
+  }
+})
+
+test('@blocking creates and renders the ecommerce template', async ({ page }) => {
+  const fixture = await createReactAppFixture({
+    appName: 'ecommerce-template-smoke-app',
+    template: getRepoPath('examples/react/ecommerce/template.json'),
+  })
+  const guards = attachRuntimeGuards(page, fixture.url)
+
+  try {
+    await page.goto(fixture.url)
+    await expect(page.getByRole('heading', { name: 'The TanStack Storefront.' })).toBeVisible()
+
+    await page.getByRole('link', { name: 'Browse Catalog' }).click()
+    await expect(page).toHaveURL(/\/#products$/)
+  } finally {
+    try {
+      guards.assertClean()
+    } finally {
+      guards.dispose()
+      await fixture.stop()
+      await fixture.cleanup()
+    }
+  }
+})

package/vitest.config.js

@@ -3,5 +3,6 @@ import { defineConfig } from 'vitest/config'
 export default defineConfig({
   test: {
     setupFiles: ['./tests/setupVitest.js'],
+    include: ['tests/**/*.test.ts'],
   },
 })