Testfall

Start / IUP / Testfall

Test cases - Utvecklingssamtal (IUP)

Version: 5.0
Created: 2025-11-18
Purpose: Manual browser testing för IUP-funktionalitet

Översikt

Dessa testfall täcker hela IUP-processen från förberedelse till uppföljning för tre roller:

  • Lärare (Kerstin Berg & Maria Lindström)
  • Elev (Anna Andersson)
  • Vårdnadshavare (Eva Andersson)

Test environment:

  • http://localhost:8888/Mockups/Functions/IUP/5/teacher.html
  • http://localhost:8888/Mockups/Functions/IUP/5/student.html
  • http://localhost:8888/Mockups/Functions/IUP/5/custodian.html

Testpersoner

Lärare

  • Kerstin Berg (T5004-002) - Ämneslärare Svenska, Proximaskolan
  • Maria Lindström (T5004-001) - Mentor för klass 7A

Elev

  • Anna Andersson (S5004-701) - Elev årskurs 7A, Proximaskolan

Vårdnadshavare

  • Eva Andersson (C5004-701A) - Vårdnadshavare till Anna Andersson

Del 1: Lärarvyn (teacher.html)

TC-01: Klassöversikt - Basvisning

Persona: Kerstin Berg (Ämneslärare)
Syfte: Verifiera att klassöversikten visar korrekt information

Steg:

  1. Öppna http://localhost:8888/Mockups/Functions/IUP/5/teacher.html
  2. Navigera till fliken "Klassöversikt"
  3. Välj period "VT 2025" i dropdown
  4. Välj klass "7A" i dropdown

Förväntat resultat:

  • ✓ Tabell visas med alla elever i klass 7A
  • ✓ Kolumner visas: Elev, Bokningsdatum, Status, Självskattning, Frågor innan samtal, Förberedelser, Publicerad, Åtgärder
  • ✓ Statusmarkeringar är färgkodade (grönt = klar, gult = pågående, rött = ej startad)
  • ✓ Sammanfattningsstatistik visas korrekt under tabellen

TC-02: Klassöversikt - Påminnelseikoner

Persona: Kerstin Berg
Syfte: Verifiera att påminnelseikoner visas och tooltip fungerar

Steg:

  1. Från TC-01, titta på kolumnerna Självskattning och Frågor innan samtal
  2. Leta efter påminnelseikoner (🔔) bredvid statusindikator
  3. Klicka på en påminnelseikon där påminnelse har skickats

Förväntat resultat:

  • ✓ Påminnelseikon visas bara för elever där påminnelse skickats
  • ✓ Tooltip öppnas vid klick på ikonen
  • ✓ Tooltip visar: Skickat datum, Till vem, Av vem
  • ✓ Tooltip kan stängas med X-knapp eller klick utanför

TC-03: Klassöversikt - Skicka påminnelser (flerval)

Persona: Kerstin Berg
Syfte: Verifiera att påminnelser kan skickas med flerval

Steg:

  1. Från TC-01, klicka på "Påminnelse" knappen i kolumnen Åtgärder för en elev
  2. Dropdown-meny öppnas med tillgängliga påminnelser
  3. Markera flera checkboxes (t.ex. "Fyll i självskattning" och "Svara på frågorna")
  4. Klicka på "Skicka valda" knappen

Förväntat resultat:

  • ✓ Dropdown visar checkboxes för varje tillgänglig påminnelse
  • ✓ Flera påminnelser kan väljas samtidigt
  • ✓ "Skicka valda" och "Avbryt" knappar visas längst ner
  • ✓ Success-meddelande visas efter skickning
  • ✓ Påminnelseikoner uppdateras i tabellen
  • ✓ Redan besvarade påminnelser är inte tillgängliga

TC-04: Klassöversikt - Massåtgärder

Persona: Kerstin Berg
Syfte: Verifiera massåtgärder för hela klassen

Steg:

  1. Från TC-01, scrolla ner till "Massåtgärder" sektionen
  2. Klicka på "Skicka påminnelse till alla som inte fyllt i"
  3. Notera bekräftelsemeddelande

Förväntat resultat:

  • ✓ Massåtgärder-sektion visas under tabellen
  • ✓ Tre knappar visas: Skicka påminnelse, Publicera alla, Exportera
  • ✓ Bekräftelsemeddelande visar antal skickade påminnelser
  • ✓ Statistiken uppdateras

TC-05: Samtal - Förberedelse (Innan-fliken)

Persona: Kerstin Berg
Syfte: Verifiera att lärare kan förbereda utvecklingssamtal

Steg:

  1. Navigera till fliken "Samtal"
  2. Välj elev "Anna Andersson" i dropdown
  3. Kontrollera att "Innan" subfliken är aktiv
  4. Expandera panelen "Närvaro"
  5. Expandera panelen "Resultat"
  6. Expandera panelen "Förberedande dokumentation"
  7. Skriv in text i textfälten
  8. Klicka "Spara förberedelser"

Förväntat resultat:

  • ✓ Alla 8 paneler visas i korrekt ordning
  • ✓ Paneler kan expanderas/kollapas
  • ✓ Närvaro visar procentsatser
  • ✓ Resultat visar alla ämnen med betyg/nivå
  • ✓ Förberedande dokumentation kan redigeras
  • ✓ Spara-knapp fungerar och visar bekräftelse
  • ✓ Data sparas (testaigen efter siduppdatering)

TC-06: Samtal - Radera svar (papperskorg-ikon)

Persona: Kerstin Berg
Syfte: Verifiera att lärare kan radera elevers/vårdnadshavares svar

Preconditions: Elev och vårdnadshavare har fyllt i sina frågor

Steg:

  1. På "Innan" fliken, expandera "Elevens självskattning"
  2. Leta efter papperskorg-ikon i höger hörn av panelhuvudet
  3. Klicka på papperskorg-ikonen
  4. Bekräfta radering i confirm-dialog
  5. Upprepa för panelen "Frågor som besvaras innan samtalet (VH)"

Förväntat resultat:

  • ✓ Papperskorg-ikon visas ENDAST när svar finns ifyllda
  • ✓ Ikonen finns i högra hörnet av expansion panel header
  • ✓ Bekräftelsedialog visas före radering
  • ✓ Efter radering visar panelen "Ej påbörjad"
  • ✓ Papperskorg-ikonen försvinner
  • ✓ Success-meddelande visas

TC-07: Samtal - Under samtalet (mål och överenskommelser)

Persona: Kerstin Berg
Syfte: Verifiera att mål och överenskommelser är separerade

Steg:

  1. Navigera till "Under" subfliken
  2. Expandera "Dokumentation under samtal"
  3. Scrolla till "Elevens mål" sektionen
  4. Klicka "Lägg till mål"
  5. Fyll i: Ämne, Mål, Åtgärder, Uppföljningsdatum
  6. Scrolla till "Överenskommelser" sektionen
  7. Klicka "Lägg till överenskommelse"
  8. Fyll i: Titel, Beskrivning, Välj ämne från dropdown

Förväntat resultat:

  • ✓ "Elevens mål" och "Överenskommelser" är två separata sektioner
  • ✓ Mål använder frågestruktur med ämne, mål, åtgärder, datum
  • ✓ Överenskommelser visas i kortvy (grid layout)
  • ✓ Överenskommelser har dropdown för ämneskoppling
  • ✓ Flera mål/överenskommelser kan läggas till
  • ✓ Varje mål/överenskommelse kan tas bort individuellt
  • ✓ Data sparas automatiskt vid ändring

TC-08: Samtal - Elevlett samtal

Persona: Kerstin Berg
Syfte: Verifiera stöd för elevlett utvecklingssamtal

Steg:

  1. På "Under" fliken, hitta "Samtalsledare" dropdown
  2. Ändra från "Lärare" till "Elev"
  3. Notera informationsruta som visas

Förväntat resultat:

  • ✓ Samtalsledare dropdown visar två alternativ: Lärare, Elev
  • ✓ När "Elev" väljs visas informationsruta om elevlett samtal
  • ✓ Val sparas och kvarstår vid siduppdatering

TC-09: Samtal - Publicera IUP (Efter-fliken)

Persona: Kerstin Berg
Syfte: Verifiera publicering av IUP

Steg:

  1. Navigera till "Efter" subfliken
  2. Granska IUP-sammanfattningen
  3. Klicka "Publicera till elev och vårdnadshavare"
  4. Notera ändring i publikationsstatus

Förväntat resultat:

  • ✓ IUP-sammanfattning visas med all dokumenterad information
  • ✓ Mål och överenskommelser visas separerat
  • ✓ Publiceringsvarning visas innan publicering
  • ✓ Efter publicering ändras status till "Publicerad" (grönt)
  • ✓ Återkopplingstextfält blir redigerbara
  • ✓ Success-meddelande visas

TC-10: Period - Skapa ny period

Persona: Kerstin Berg
Syfte: Verifiera skapande av ny utvecklingssamtalsperiod

Steg:

  1. På "Klassöversikt" fliken, klicka "Ny period" knapp
  2. Dialog öppnas
  3. Fyll i: Periodnamn "HT 2025", Startdatum, Slutdatum
  4. Markera klasser som ska inkluderas
  5. Markera "Skicka automatisk inbjudan"
  6. Klicka "Skapa period"

Förväntat resultat:

  • ✓ Dialog öppnas med formulär
  • ✓ Alla fält kan fyllas i
  • ✓ Klasser kan väljas med checkboxes
  • ✓ Validering fungerar (slutdatum måste vara efter startdatum)
  • ✓ Period läggs till i dropdown
  • ✓ Success-meddelande visas
  • ✓ Om autoinbjudan vald, visas bekräftelse

Del 2: Elevvyn (student.html)

TC-11: Elev - Översikt och navigation

Persona: Anna Andersson (Elev 7A)
Syfte: Verifiera att eleven ser korrekt vy

Steg:

  1. Öppna http://localhost:8888/Mockups/Functions/IUP/5/student.html
  2. Kontrollera sidans innehåll
  3. Försök navigera mellan flikar

Förväntat resultat:

  • ✓ Sidtitel är "Mitt utvecklingssamtal"
  • ✓ Elevens namn och klass visas i användarmeny (Anna Andersson, 7A)
  • ✓ ENDAST "Samtal" flik visas (ingen Klassöversikt eller Bokningar)
  • ✓ ENDAST "Innan" och "Efter" subflikar visas (ingen "Under")
  • ✓ Informationsruta välkomnar eleven

TC-12: Elev - Fyll i självskattning

Persona: Anna Andersson
Syfte: Verifiera att elev kan fylla i och spara självskattning

Preconditions: Självskattning är ej ifylld

Steg:

  1. På "Innan" fliken, expandera "Min självskattning"
  2. Fyll i svar på de tre frågorna:
    • Hur känner du att dina studier går?
    • Vilka ämnen tycker du är roligast/svårast?
    • Vad skulle du vilja bli bättre på?
  3. Klicka "Klarmarkera självskattning"

Förväntat resultat:

  • ✓ Tre textfält visas för frågorna
  • ✓ Textfält är redigerbara
  • ✓ "Klarmarkera" knapp är synlig och klickbar
  • ✓ Efter klarmarkering ändras status till "Klar"
  • ✓ Textfält blir skrivskyddade
  • ✓ Success-meddelande visas

TC-13: Elev - Se bokningsinformation

Persona: Anna Andersson
Syfte: Verifiera att elev ser när samtalet är bokat

Steg:

  1. Expandera panelen "Tid för samtalet"
  2. Läs informationen

Förväntat resultat:

  • ✓ Datum och tid visas
  • ✓ Plats visas
  • ✓ Deltagare anges (du, vårdnadshavare, mentor)
  • ✓ Information är skrivskyddad

TC-14: Elev - Se egna resultat

Persona: Anna Andersson
Syfte: Verifiera att elev kan se sina resultat

Steg:

  1. Expandera panelen "Mina resultat"
  2. Granska tabellen

Förväntat resultat:

  • ✓ Tabell visar alla ämnen
  • ✓ Betyg/nivå visas för varje ämne
  • ✓ Utvecklingstrend visas (pilikon: upp/ner/samma)
  • ✓ Information är skrivskyddad

TC-15: Elev - Se publicerad IUP

Persona: Anna Andersson
Syfte: Verifiera att elev kan se sin publicerade IUP

Preconditions: IUP är publicerad av lärare

Steg:

  1. Navigera till "Efter" subfliken
  2. Granska publikationsstatus
  3. Läs IUP-sammanfattning
  4. Expandera "Mina mål och överenskommelser"

Förväntat resultat:

  • ✓ Publikationsstatus visar "Publicerad" (grönt)
  • ✓ IUP-sammanfattning visas med alla delar
  • ✓ Mål och överenskommelser visas separerat
  • ✓ Information är skrivskyddad
  • ✓ "Skriv ut" knapp är tillgänglig

TC-16: Elev - Lämna återkoppling

Persona: Anna Andersson
Syfte: Verifiera att elev kan lämna återkoppling

Preconditions: IUP är publicerad

Steg:

  1. På "Efter" fliken, scrolla till "Min återkoppling"
  2. Skriv kommentar i textfältet
  3. Klicka "Skicka återkoppling"

Förväntat resultat:

  • ✓ Textfält är redigerbart efter publicering
  • ✓ Informationstext förklarar att återkoppling blir synlig för lärare och vårdnadshavare
  • ✓ "Skicka återkoppling" knapp fungerar
  • ✓ Success-meddelande visas
  • ✓ Återkoppling sparas

Del 3: Vårdnadshavarvyn (custodian.html)

TC-17: Vårdnadshavare - Översikt och navigation

Persona: Eva Andersson
Syfte: Verifiera att vårdnadshavare ser korrekt vy

Steg:

  1. Öppna http://localhost:8888/Mockups/Functions/IUP/5/custodian.html
  2. Kontrollera sidans innehåll

Förväntat resultat:

  • ✓ Sidtitel är "Utvecklingssamtal - IUP för mitt barn"
  • ✓ Vårdnadshavarens namn visas i användarmeny (Eva Andersson)
  • ✓ Barnväljare visas om flera barn (visar "Anna Andersson (7A, Centralskolan)")
  • ✓ ENDAST "Innan" och "Efter" subflikar visas
  • ✓ Välkomstinformation visas

TC-18: Vårdnadshavare - Besvara frågor innan samtal

Persona: Eva Andersson
Syfte: Verifiera att vårdnadshavare kan besvara frågor

Preconditions: Frågor är ej besvarade

Steg:

  1. På "Innan" fliken, expandera "Frågor inför samtalet"
  2. Fyll i namn i fältet "Ditt namn (vårdnadshavare)"
  3. Besvara de två frågorna:
    • Hur upplever ni att ert barn trivs i skolan?
    • Finns det något särskilt ni vill ta upp på utvecklingssamtalet?
  4. Klicka "Klarmarkera frågor"

Förväntat resultat:

  • ✓ Namnfält och två textfält visas
  • ✓ Fält är redigerbara
  • ✓ "Klarmarkera frågor" knapp är synlig
  • ✓ Efter klarmarkering ändras status till "Klar"
  • ✓ Fält blir skrivskyddade
  • ✓ Success-meddelande visas

TC-19: Vårdnadshavare - Se barnets resultat

Persona: Eva Andersson
Syfte: Verifiera att vårdnadshavare kan se barnets resultat

Steg:

  1. Expandera panelen "Resultat"
  2. Granska informationen

Förväntat resultat:

  • ✓ Tabell visar alla ämnen
  • ✓ Betyg/nivå visas
  • ✓ Utvecklingstrend visas
  • ✓ Information är skrivskyddad

TC-20: Vårdnadshavare - Se barnets självskattning

Persona: Eva Andersson
Syfte: Verifiera att vårdnadshavare kan läsa barnets självskattning

Preconditions: Eleven har fyllt i självskattning

Steg:

  1. Expandera panelen "Elevens självskattning"
  2. Läs elevens svar

Förväntat resultat:

  • ✓ Elevens svar visas
  • ✓ Information är skrivskyddad (vårdnadshavare kan inte ändra)

TC-21: Vårdnadshavare - Se publicerad IUP

Persona: Eva Andersson
Syfte: Verifiera att vårdnadshavare kan se publicerad IUP

Preconditions: IUP är publicerad

Steg:

  1. Navigera till "Efter" subfliken
  2. Granska publikationsstatus
  3. Läs IUP-sammanfattning
  4. Expandera "Mål och överenskommelser"

Förväntat resultat:

  • ✓ Publikationsstatus visar "Publicerad"
  • ✓ Fullständig IUP visas
  • ✓ Mål och överenskommelser visas separerat
  • ✓ Information är skrivskyddad
  • ✓ "Skriv ut" knapp är tillgänglig

TC-22: Vårdnadshavare - Lämna återkoppling

Persona: Eva Andersson
Syfte: Verifiera att vårdnadshavare kan lämna återkoppling

Preconditions: IUP är publicerad

Steg:

  1. På "Efter" fliken, scrolla till "Min återkoppling"
  2. Skriv kommentar i "Våra kommentarer" fältet
  3. Klicka "Skicka återkoppling"
  4. Expandera "Elevens återkoppling" för att se barnets kommentarer

Förväntat resultat:

  • ✓ Textfält för vårdnadshavare är redigerbart efter publicering
  • ✓ Informationstext förklarar synlighet
  • ✓ "Skicka återkoppling" fungerar
  • ✓ Elevens återkoppling visas i egen panel (skrivskyddad)
  • ✓ Success-meddelande visas

TC-23: Vårdnadshavare - Flera barn

Persona: Linda Nilsson (flerbarnsförälder)
Syfte: Verifiera barnväljare för flerbarnsfamiljer

Preconditions: Vårdnadshavare har flera barn i systemet

Steg:

  1. Öppna custodian.html
  2. Kontrollera barnväljare i toppen
  3. Byt barn i dropdown
  4. Notera att innehåll uppdateras

Förväntat resultat:

  • ✓ Barnväljare visas med alla barn
  • ✓ Varje barn visar: Namn (Klass, Skola)
  • ✓ Vid byte av barn uppdateras allt innehåll
  • ✓ Varje barns data hålls separat

Del 4: Generella tester (alla vyer)

TC-24: Responsiv design

Persona: Alla
Syfte: Verifiera responsiv design

Steg:

  1. Öppna varje vy (teacher, student, custodian)
  2. Ändra fönsterbredd till: Desktop (1920px), Tablet (768px), Mobile (375px)
  3. Testa navigation och funktionalitet i varje storlek

Förväntat resultat:

  • ✓ Layout anpassar sig till skärmstorlek
  • ✓ Hamburger-meny visas på mobil
  • ✓ Tabeller är scrollbara på små skärmar
  • ✓ Knappar och formulär är användbara på touch-enheter
  • ✓ Text är läsbar i alla storlekar

TC-25: LocalStorage persistens

Persona: Alla
Syfte: Verifiera att data sparas mellan sessioner

Steg:

  1. Fyll i data i någon vy (t.ex. självskattning, mål, återkoppling)
  2. Uppdatera sidan (F5)
  3. Kontrollera att data finns kvar

Förväntat resultat:

  • ✓ All ifylld data finns kvar efter siduppdatering
  • ✓ Flikval och panelstatus sparas
  • ✓ Elevval/barnval sparas

TC-26: Expansion panels

Persona: Alla
Syfte: Verifiera expansion panel-funktionalitet

Steg:

  1. På valfri vy, testa att öppna/stänga olika paneler
  2. Uppdatera sidan
  3. Kontrollera om panelstatus sparas

Förväntat resultat:

  • ✓ Paneler kan öppnas/stängas genom klick på header
  • ✓ Ikon roterar (▼ till ▲)
  • ✓ Innehåll expanderar/kollapsar smooth
  • ✓ Öppna/stängd status sparas i localStorage

TC-27: Felhantering

Persona: Kerstin Berg
Syfte: Verifiera felhantering och validering

Steg:

  1. På teacher.html, försök skapa period utan att fylla i obligatoriska fält
  2. Försök skicka påminnelse till elev utan bokningsdatum
  3. Försök publicera IUP utan dokumentation

Förväntat resultat:

  • ✓ Valideringsmeddelanden visas för tomma obligatoriska fält
  • ✓ Påminnelser för bokningsberoende saker blockeras korrekt
  • ✓ Varningsmeddelanden är tydliga och hjälpsamma
  • ✓ Inga JavaScript-fel i konsolen

TC-28: Accessibility

Persona: Alla
Syfte: Verifiera tillgänglighet

Steg:

  1. Testa tangentbordsnavigation (Tab, Enter, Escape)
  2. Testa skip-links ("Till huvudmeny", "Till sidans innehåll")
  3. Kontrollera aria-labels
  4. Testa med skärmläsare (optional)

Förväntat resultat:

  • ✓ Alla interaktiva element kan nås med Tab
  • ✓ Skip-links fungerar och fokuserar rätt element
  • ✓ Buttons har aria-labels
  • ✓ Expansion panels har aria-expanded attribut
  • ✓ Dialogs har aria-modal och role="dialog"

Del 5: Integration och end-to-end tester

TC-29: Komplett arbetsflöde - Lärare

Persona: Kerstin Berg
Syfte: Verifiera hela arbetsflödet från lärarens perspektiv

Steg:

  1. Skapa ny period för VT 2025
  2. Gå till klassöversikt och se alla elever
  3. Skicka påminnelser till elever som inte fyllt i
  4. Välj en elev (Anna Andersson)
  5. Förbered samtal: Fyll i förberedande dokumentation
  6. Under samtal: Dokumentera sammanfattning, lägg till 2 mål och 2 överenskommelser
  7. Efter samtal: Granska IUP och publicera
  8. Kontrollera att statusen uppdateras i klassöversikten

Förväntat resultat:

  • ✓ Hela flödet fungerar utan avbrott
  • ✓ Data följer med mellan flikar
  • ✓ Statusändringar reflekteras korrekt
  • ✓ Påminnelseikoner uppdateras
  • ✓ Statistik uppdateras

TC-30: Komplett arbetsflöde - Elev till Vårdnadshavare till Lärare

Persona: Anna Andersson → Eva Andersson → Kerstin Berg
Syfte: Verifiera samspel mellan roller

Steg:

  1. Anna (elev): Fyll i självskattning på student.html
  2. Eva (vårdnadshavare): Besvara frågor på custodian.html
  3. Kerstin (lärare): Kontrollera att båda visas som "Klar" i klassöversikten
  4. Kerstin: Genomför och publicera IUP
  5. Anna: Se publicerad IUP och lämna återkoppling
  6. Eva: Se publicerad IUP och lämna återkoppling
  7. Kerstin: Se återkoppling från både Anna och Eva

Förväntat resultat:

  • ✓ Data från elev och vårdnadshavare synkroniseras korrekt
  • ✓ Lärare ser all input i sina paneler
  • ✓ Publikation gör IUP synlig för elev och vårdnadshavare
  • ✓ Återkoppling går åt båda håll
  • ✓ Inga dubletter eller saknad data

Del 6: Landing page (index.html)

TC-31: Landing page - Översikt

Syfte: Verifiera att landningssidan fungerar korrekt

Steg:

  1. Öppna http://localhost:8888/Mockups/Functions/IUP/5/index.html
  2. Läs beskrivning av funktionen
  3. Granska de tre vyerna
  4. Testa länkar till dokumentation

Förväntat resultat:

  • ✓ Beskrivning av IUP-funktionalitet visas
  • ✓ Tre kort visas för Lärare, Elev, Vårdnadshavare
  • ✓ Varje kort har ikon, titel, persona-namn, beskrivning
  • ✓ Hover-effekt fungerar på korten
  • ✓ Länkar går till rätt vyer
  • ✓ Dokumentationslänkar fungerar

TC-32: Landing page - Mörkt läge

Syfte: Verifiera dark mode funktionalitet

Steg:

  1. På index.html, hitta "Mörkt läge" toggle i nedre högra hörnet
  2. Aktivera toggle
  3. Notera visuell förändring
  4. Uppdatera sidan
  5. Kontrollera att val sparats

Förväntat resultat:

  • ✓ Toggle syns och är klickbar
  • ✓ Bakgrund ändras till mörkt tema
  • ✓ Text blir ljus
  • ✓ Färger anpassas för kontrast
  • ✓ Val sparas i localStorage
  • ✓ Val kvarstår vid siduppdatering

TC-33: Landing page - Språkväxling

Syfte: Verifiera språkväxling Swedish/English

Steg:

  1. På index.html, hitta språk-toggle i nedre högra hörnet
  2. Aktivera toggle (växla till English)
  3. Notera textändringar
  4. Växla tillbaka till Svenska

Förväntat resultat:

  • ✓ Toggle syns med text "Svenska"
  • ✓ Efter aktivering ändras UI-text till engelska
  • ✓ Funktionsbeskrivning översätts
  • ✓ Funktionslista översätts
  • ✓ Toggle-text ändras till "English"
  • ✓ Val sparas i localStorage

Del 7: Browser-kompatibilitet

TC-34: Cross-browser testing

Syfte: Verifiera att mockupen fungerar i olika browsers

Browsers att testa:

  • Chrome/Edge (Chromium)
  • Firefox
  • Safari

Steg:

  1. Öppna index.html i varje browser
  2. Navigera till teacher.html
  3. Testa huvudfunktionalitet (tabs, panels, forms)
  4. Testa student.html och custodian.html

Förväntat resultat:

  • ✓ Layout ser korrekt ut i alla browsers
  • ✓ Interaktivitet fungerar (klick, hover, scroll)
  • ✓ LocalStorage fungerar
  • ✓ CSS animations fungerar
  • ✓ Inga JavaScript-fel i konsolen

Del 8: Prestanda och användbarhet

TC-35: Laddningstid

Syfte: Verifiera acceptabel laddningstid

Steg:

  1. Öppna Developer Tools → Network tab
  2. Ladda om varje vy
  3. Notera laddningstid

Förväntat resultat:

  • ✓ Initial sidladdning < 2 sekunder
  • ✓ Alla CSS/JS filer laddas korrekt
  • ✓ Inga 404-fel för resurser
  • ✓ Bilder laddas korrekt

TC-36: Användarupplevelse

Syfte: Subjektiv bedömning av UX

Steg:

  1. Genomför 3-5 vanliga arbetsflöden
  2. Notera friction points
  3. Kontrollera visuell konsekvens

Förväntat resultat:

  • ✓ Intuitiv navigation
  • ✓ Tydliga statusindikationer
  • ✓ Hjälpsamma meddelanden
  • ✓ Konsekvent design
  • ✓ Inga döda länkar
  • ✓ Logiskt informationsflöde

Testresultat sammanfattning

Testningsprotokoll

Datum: _____________
Testare: _____________
Browser: _____________
OS: _____________

Test ID Beskrivning Status Kommentarer
TC-01 Klassöversikt basvisning ☐ Pass ☐ Fail
TC-02 Påminnelseikoner ☐ Pass ☐ Fail
TC-03 Skicka påminnelser flerval ☐ Pass ☐ Fail
TC-04 Massåtgärder ☐ Pass ☐ Fail
TC-05 Förberedelse innan-fliken ☐ Pass ☐ Fail
TC-06 Radera svar ☐ Pass ☐ Fail
TC-07 Mål och överenskommelser ☐ Pass ☐ Fail
TC-08 Elevlett samtal ☐ Pass ☐ Fail
TC-09 Publicera IUP ☐ Pass ☐ Fail
TC-10 Skapa ny period ☐ Pass ☐ Fail
TC-11 Elev översikt ☐ Pass ☐ Fail
TC-12 Elev självskattning ☐ Pass ☐ Fail
TC-13 Elev bokningsinfo ☐ Pass ☐ Fail
TC-14 Elev resultat ☐ Pass ☐ Fail
TC-15 Elev se IUP ☐ Pass ☐ Fail
TC-16 Elev återkoppling ☐ Pass ☐ Fail
TC-17 VH översikt ☐ Pass ☐ Fail
TC-18 VH besvara frågor ☐ Pass ☐ Fail
TC-19 VH se resultat ☐ Pass ☐ Fail
TC-20 VH se självskattning ☐ Pass ☐ Fail
TC-21 VH se IUP ☐ Pass ☐ Fail
TC-22 VH återkoppling ☐ Pass ☐ Fail
TC-23 VH flera barn ☐ Pass ☐ Fail
TC-24 Responsiv design ☐ Pass ☐ Fail
TC-25 LocalStorage ☐ Pass ☐ Fail
TC-26 Expansion panels ☐ Pass ☐ Fail
TC-27 Felhantering ☐ Pass ☐ Fail
TC-28 Accessibility ☐ Pass ☐ Fail
TC-29 E2E Lärare ☐ Pass ☐ Fail
TC-30 E2E Multi-role ☐ Pass ☐ Fail
TC-31 Landing page ☐ Pass ☐ Fail
TC-32 Dark mode ☐ Pass ☐ Fail
TC-33 Språkväxling ☐ Pass ☐ Fail
TC-34 Cross-browser ☐ Pass ☐ Fail
TC-35 Laddningstid ☐ Pass ☐ Fail
TC-36 Användarupplevelse ☐ Pass ☐ Fail

Totalt: __ av 36 testfall godkända

Kritiska buggar

Lista alla kritiska buggar som hittas under testning:

Förbättringsförslag

Lista förbättringsförslag baserat på testning:

Teststatus: ☐ Ej påbörjad ☐ Pågående ☐ Klar
Signatur: _____________