Skip to content

Latest commit

 

History

History

selvbetjening-ui

selvbetjening-ui

WIP!

Kom i gang

For å kjøre prosjektet må du installere Node/NPM. Dette kan forenkles ved å installere nvm (Node Version Manager).
Må bruke en stabil versjon av node (v22+).

Dersom du ikke har installert Yarn kan du kjøre:
npm install --global yarn

Deretter sjekk at det ble installert riktig:
yarn --version

Du er også nødt til å installere naisdevice og sette opp kubectl for at koblinger mot GCP skal fungere.
Les mer her: https://doc.nais.io

Legg til PAT

  1. Gå til New personal access token på GitHub
  2. Skriv noe som NAV IT under Note
  3. Velg hvor lenge du vil at det skal vare under Expiration
  4. Under Select scope velg repo og read:packages
  5. Trykk Generate token
  6. Kopier ghp_x... tokenet og putt det i .npmrc filen på maskinen din.
    Eks: //npm.pkg.github.com/:_authToken=ghp_x...
  7. Trykk Configure SSO
  8. Trykk Authorizenavikt
  9. Ferdig!

Installere prosjektet:
yarn install

Kjøre opp både frontend og etterlatte-node-server samtidig:
yarn dev

Kjøre prosjektet (mot lokalt kjørende etterlatte-node-server):
yarn start

Åpne http://localhost:5173/omstillingsstonad/skjema/inntekt/innledning i nettleseren.

Testing

Teste prosjektet:
yarn test

Kjøre cypress tester (krever at prosjektet kjører lokalt først):

  • yarn cy:open Åpner Cypress konsollet i din nettleser for å interaktivt kunne se kjøringene.

  • yarn cy:test Kjører testene headless fra CLI.

Koble til APIet lokalt

Grunnet manglende støtte for Token/IDporten lokalt er det ikke mulig å kjøre mot APIet lokalt. Appen må gå mot lokalt mock api (se etterlatte-node-server) Dette er ikke en ideel løsning og burde på sikt forbedres.

Testmiljøet

Applikasjonen kjører på dev-gcp og kan testes på følgende url: https://etterlatte.ekstern.dev.nav.no/omstillingsstonad/inntekt/innledning

Må koble til naisdevice eller åpne adressen via Citrix/Utviklerimage.

Innloggingsdetaljer kan oppdrives av noen i teamet.

Nav avhengigheter

Dekoratøren

https://github.com/navikt/nav-dekoratoren

Aksel

Tar i bruk designsystemet til Nav, Aksel.

Les mer her: https://aksel.nav.no.