{dev.talk} website

Built using Eleventy Static Site Generator, and hosted on Azure Static Web Apps.

To build and run it locally, install mise, then run mise start in the root folder.

Production website at https://devdottalk.uk

Mise Tasks

mise run build       # Build: npm install → npm ci → npm run build
mise run test        # Run tests: npm run test
mise run test-watch  # Run tests in watch mode: npm run test:watch
mise start           # Start dev: build → test → npm start (watch)

Testing Guide

This project includes comprehensive unit tests for all Nunjucks components using Vitest.

Run Tests Locally

# Run tests once
mise x node@24 -- npm run test

# Run tests in watch mode (re-runs on file changes)
mise x node@24 -- npm run test:watch

Tests on mise start

Tests automatically run before the development server starts:

mise start
# Runs: build → test → dev server (watch mode)

If any test fails, the dev server will not start. Fix the failing tests and run again.

Test Structure

Tests are organized in the tests/ directory:

tests/
├── components/              # Component-specific tests
│   ├── speaker-session.test.js
│   ├── event-list-item.test.js
│   ├── session-info-item.test.js
│   └── floating-register-button.test.js
├── fixtures/               # Mock data for tests
│   └── data.js            # Fake session and event data (won't conflict with real data)
├── helpers/               # Test utilities and helpers
│   └── nunjucks.js        # Nunjucks rendering utilities for tests
└── vitest.config.js       # Vitest configuration

Mock Data

The tests/fixtures/data.js file contains:

• mockSessions - 4 fake sessions with IDs 999, 998, 997, 996
• mockEvents - 3 fake events with test event IDs

Mock data uses completely fake URLs and names to avoid conflicts with real website data when searching or indexing.

Resources

• Vitest Documentation
• Nunjucks Documentation
• Eleventy Documentation

PRs welcome.