Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Oppgrader nav-pakker #1095

Merged
merged 9 commits into from
Mar 1, 2024
Merged

Oppgrader nav-pakker #1095

merged 9 commits into from
Mar 1, 2024

Conversation

kristeine
Copy link
Contributor

@kristeine kristeine commented Feb 29, 2024

💰 Hva forsøker du å løse i denne PR'en

Favro: NAV-18496 Teknisk vedlikehold for å gjøre klart til videreutvikling 👷‍♀️ 🚧

Endringer vi tar med oss:

  • familie-form-elements: krever Aksel v6, react 18
  • familie-logging: krever react 18
  • familie-skjema: krever react 18
  • familie-språkvelger: krever Aksel v6, react 18
  • familie-typer: utvidelse av IJournalpost
  • ds-react, aksel-icons, ds-css: strengere typer, justering av hover- og selected-state på en del interaktive elementer. Se release notes. Drar også med seg en major-oppgradering av date-fns som hovedsaklig består av typesikring.

🔎️ Er det noe spesielt du ønsker å fremheve?

Er det noe du er bekymret eller usikker på? Beskriv det gjerne her.
Ifølge readme skal man kunne kjøre med node >=18.13.0, men med node 20 fant ikke dev-server filene den forventet. Kunne se at filene lå der, tipper det har med file resolutions og antatt file extension. Men legger inn en kommentar i readme om at v20 ikke funker ennå.

Pre-commit krasjet også, den fant ikke lint-staged globalt installert hos meg. Men vi installerer den pakken lokalt, den er definert som devDependency, så det ryddigste blir å kjøre den med npx så den hentes fra /node_modules.

💬 Ser at concurrently som vi bruker for å kjøre scripts i parallell bruker forrige versjon av date-fns slik at vi ender opp med å ha begge lokalt. Men her tar jeg gjerne en diskusjon om hvorvidt vi trenger den pakken for å kjøre to scripts i parallell. Testet å kjøre build serielt, det tar 0.6s lengre enn med concurrently. Vi må i så fall skrive om scriptet for start:dev litt men det tenker jeg er mulig å få til

✅ Checklist

Har du husket alle punktene i listen?

  • Jeg har testet mine endringer i henhold til akseptansekriteriene/skissene 🕵️
  • Jeg har testet endringene mine i mobilstørrelse, zoom 200%, skalerer riktig med endret tekststørrelse i browser 📱
  • Jeg har skrevet tester. Hvis du ikke har skrevet tester, beskriv hvorfor under 👇
  • Jeg har fikset en bug, og skrevet regresjonstest for denne
  • Jeg har endret søknadskontrakten og modellversjon i Miljø.ts

Jeg har ikke skrevet tester fordi:
Har smoke testet manuelt

@kristeine kristeine marked this pull request as ready for review February 29, 2024 22:48

expect(forrigeDag?.getAttribute('disabled')).not.toBeNull();
const [tilOgMedKalender] = getAllByRole('dialog');
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tidligere gikk vi ut fra at container.querySelector('[aria-label="torsdag 9"]'); kun ville finne datoen i kalender for til-og-med, men nå som Datepicker rendrer kalenderen til DOM uansett om den vises for brukeren vil det første treffet være fra fra-og-med-kalenderen, der datoen er tillatt å velge.

Skriver om til at vi henter ut til-og-med-kalenderen ved å se etter dialog-elementer som er tilgjengelige for brukeren (i dette caset er fra-og-med-kalenderen aria-hidden og treffer derfor ikke på getAllByRole('dialog'))


const forrigeDag = tilOgMedKalender.querySelector('[aria-label="torsdag 9"]');

expect(forrigeDag).toBeDisabled();
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dette gir en bedre feilmelding:

expect(element).toBeDisabled()
    Received element is not disabled:
      <button aria-label="torsdag 9" class="rdp-button_reset rdp-button rdp-day" name="day" role="gridcell" tabindex="-1" type="button" />

Heller enn før:

expect(received).not.toBeNull()
    Received: null

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🙌

@idaame
Copy link
Contributor

idaame commented Mar 1, 2024

Skulle det ha stått react 18 i PR beskrivelsen? 😄

package.json Outdated
@@ -110,7 +110,7 @@
"constate": "^3.3.2",
"cookie-parser": "^1.4.6",
"cors": "^2.8.5",
"date-fns": "^2.30.0",
"date-fns": "^3.0.0",
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Det finnes en nyere versjon (3.3.1) enn dette også, skulle vi bare ha oppgradert dit med en gang?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ja, ser at det er den som ble installert også. Kan endre til det!

@@ -71,9 +76,12 @@ describe('Datovelger', () => {
</TestProvidere>
);

const tilOgMedÅpneknapp = getAllByRole('button')[1];
const [, tilOgMedÅpneknapp] = getAllByRole('button');
Copy link
Contributor

@idaame idaame Mar 1, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Av nysgjerrighet: Hvordan funker denne måten å skrive det på/hva betyr det? [, tilOgMedÅpneknapp]

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Dette er array destructuring, der jeg ser bort fra første (nullte) element. Det er mest digg når du skal lage konstanter ut fra flere elementer i et array, f.eks. const [idag, imorgen] = listeMedDager, men jeg synes det også er fint som her når vi vil hoppe over første element. Liker det litt bedre enn å lese indekslesing etter et funksjonskall 😇

Men det krever at det er lesbart for andre, da. Så om det ikke gir mening trenger vi ikke å gjøre det sånn

Se MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

Copy link
Contributor

@idaame idaame left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Veldig bra!! 🌟

Ser at du skriver at du har smoke testet det, men vil du også sjekke at du klarer å trykke deg gjennom steg osv siden du har oppdatert familie-skjema? Funker 99% sikkert, men bare greit å dobbeltsjekke 😅

@kristeine
Copy link
Contributor Author

Skulle det ha stått react 18 i PR beskrivelsen? 😄

@idaame ja 🙈

@kristeine
Copy link
Contributor Author

kristeine commented Mar 1, 2024

Veldig bra!! 🌟

Ser at du skriver at du har smoke testet det, men vil du også sjekke at du klarer å trykke deg gjennom steg osv siden du har oppdatert familie-skjema? Funker 99% sikkert, men bare greit å dobbeltsjekke 😅

Har trykket meg gjennom hele, minus kvittering siden jeg ikke kjørte familie-dokument. Burde jeg gå helt til kvittering, synes du?
edit: har forsåvidt kontrollert at vi kjører API-kallet "send inn søknad" og at payload blir riktig, men får ikke 200 ettersom jeg ikke kjører familie-dokument

@kristeine kristeine merged commit b36c0db into main Mar 1, 2024
7 checks passed
@kristeine kristeine deleted the chore/oppgrader-nav-pakker branch March 1, 2024 09:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants