Trondheim Atletklubb Nettsiden

Besøk atletklubben.no

Summary

Denne nettsiden gir informasjon om Trondheim Atletklubb. Fase én viser:

• En navigasjonslinje
• En hoveddel for å formidle hva klubben handler om i én visning
• En tjenestedel
• En Om-del
• En kontaktdel med et Google-kart som er klikkbart for veibeskrivelse.
• Bunntekst

Tech Stack

• Vite/ReactJS
• Sass
• Github-sider

Oppsett

Dette prosjektet bruker Yarn som pakkebehandler via Node.js Corepack.

Forutsetninger

• Node.js 24.12.0 eller høyere
• Corepack aktivert

Installasjon

1. Sørg for at du har riktig Node.js-versjon:

node --version  # Skal være v24.12.0 eller høyere

2. Aktiver Corepack (hvis ikke allerede aktivert):

corepack enable

3. Installer avhengigheter:

yarn install

4. Start utviklingsserveren:

yarn dev

Testing

Prosjektet har to typer tester:

Komponent-tester (Vitest)

Tester individuelle React-komponenter:

# Kjør tester i watch-modus
yarn test:unit

# Kjør tester én gang
yarn test:unit:run

# Kjør tester med UI
yarn test:unit:ui

Visuell regresjonstesting (Playwright)

Tester at UI-et ser riktig ut på tvers av nettlesere:

# Kjør alle visuelle tester
yarn test

# Kjør tester med synlig nettleser
yarn test:headed

# Kjør tester med UI
yarn test:ui

# Oppdater snapshots etter endringer
yarn test --update-snapshots

Merk: Når du endrer styling eller layout, må du oppdatere snapshots ved å kjøre yarn test --update-snapshots for å unngå at testene feiler.