@salesforce/templates 65.5.9 → 65.5.11

package/lib/templates/webapplication/reactbasic/build/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigFnObject;
+export default _default;

package/lib/templates/webapplication/reactbasic/build/vite.config.js

@@ -0,0 +1,74 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import { resolve } from 'path';
+import tailwindcss from '@tailwindcss/vite';
+import salesforce from '@salesforce/vite-plugin-webapp-experimental';
+export default defineConfig(function (_a) {
+    var mode = _a.mode;
+    return {
+        plugins: [tailwindcss(), react(), salesforce()],
+        // Build configuration for MPA
+        build: {
+            outDir: resolve(__dirname, 'dist'),
+            assetsDir: 'assets',
+            sourcemap: false,
+        },
+        // Resolve aliases (shared between build and test)
+        resolve: {
+            dedupe: ['react', 'react-dom'],
+            alias: {
+                '@': path.resolve(__dirname, './src'),
+                '@api': path.resolve(__dirname, './src/api'),
+                '@components': path.resolve(__dirname, './src/components'),
+                '@utils': path.resolve(__dirname, './src/utils'),
+                '@styles': path.resolve(__dirname, './src/styles'),
+                '@assets': path.resolve(__dirname, './src/assets'),
+            },
+        },
+        // Vitest configuration
+        test: {
+            // Override root for tests (build uses src/pages as root)
+            root: resolve(__dirname),
+            // Use jsdom environment for React component testing
+            environment: 'jsdom',
+            // Setup files to run before each test
+            setupFiles: ['./src/test/setup.ts'],
+            // Global test patterns
+            include: [
+                'src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+                'src/**/__tests__/**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+            ],
+            // Coverage configuration
+            coverage: {
+                provider: 'v8',
+                reporter: ['text', 'html', 'clover', 'json'],
+                exclude: [
+                    'node_modules/',
+                    'src/test/',
+                    'src/**/*.d.ts',
+                    'src/main.tsx',
+                    'src/vite-env.d.ts',
+                    'src/components/**/index.ts',
+                    '**/*.config.ts',
+                    'build/',
+                    'dist/',
+                    'coverage/',
+                    'eslint.config.js',
+                ],
+                thresholds: {
+                    global: {
+                        branches: 85,
+                        functions: 85,
+                        lines: 85,
+                        statements: 85,
+                    },
+                },
+            },
+            // Test timeout
+            testTimeout: 10000,
+            // Globals for easier testing
+            globals: true,
+        },
+    };
+});

package/lib/templates/webapplication/reactbasic/e2e/app.spec.ts

@@ -0,0 +1,24 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('base-react-app', () => {
+  test('home page loads and shows welcome content', async ({ page }) => {
+    await page.goto('/');
+    await expect(page.getByRole('heading', { name: 'Home' })).toBeVisible();
+    await expect(
+      page.getByText('Welcome to your React application.')
+    ).toBeVisible();
+  });
+
+  test('about page loads', async ({ page }) => {
+    await page.goto('/about');
+    await expect(page).toHaveURL(/\/about/);
+    await expect(page.getByRole('heading', { name: 'About' })).toBeVisible();
+    await expect(page.getByText('This is the about page.')).toBeVisible();
+  });
+
+  test('not found route shows 404', async ({ page }) => {
+    await page.goto('/non-existent-route');
+    await expect(page.getByRole('heading', { name: '404' })).toBeVisible();
+    await expect(page.getByText('Page not found')).toBeVisible();
+  });
+});