feat: Step 1 - Project setup & smoke test
Initialize Next.js 16 (App Router) project with all core dependencies: - Next.js, React 19, TypeScript configuration - Mantine UI components (@mantine/core, @mantine/hooks) - ATproto SDK for Bluesky integration - SurrealDB client (updated to latest non-deprecated version) - Vercel AI SDK with Google AI provider - Deepgram SDK for voice-to-text - React Three Fiber for 3D visualization - UMAP.js for dimensionality reduction - Magnitude test framework for E2E testing - Playwright for browser automation Created basic app structure with homepage displaying "Ponderants" text. Configured magnitude.config.ts for testing framework. Added .example.env with all required environment variables. Test: Smoke test verifies app boots and renders homepage. Status: ✓ Test passed (8.4s) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
25
tests/magnitude/02-theme.mag.ts
Normal file
25
tests/magnitude/02-theme.mag.ts
Normal file
@@ -0,0 +1,25 @@
|
||||
import { test } from 'magnitude-test';
|
||||
|
||||
test('Mantine theme is applied correctly', async (agent) => {
|
||||
// Act: Navigate to the homepage
|
||||
await agent.act('Navigate to the homepage');
|
||||
|
||||
// Check: Verify the Mantine components are rendered
|
||||
await agent.check('The text "Ponderants" is visible as a title');
|
||||
await agent.check('A "Test Button" is visible on the screen');
|
||||
|
||||
// Check: Verify the theme is applied.
|
||||
// We check that the button has the specific visual properties
|
||||
// defined in our theme (gray color, xl radius).
|
||||
await agent.check(
|
||||
'The "Test Button" has a gray background, indicating the theme\'s primaryColor is active'
|
||||
);
|
||||
await agent.check(
|
||||
'The "Test Button" has rounded corners, indicating the theme\'s defaultRadius is active'
|
||||
);
|
||||
|
||||
// Check: Verify the Paper component is rendered with its themed styles
|
||||
await agent.check(
|
||||
'The page content is inside a "Paper" component with a border'
|
||||
);
|
||||
});
|
||||
Reference in New Issue
Block a user