Florista är en hemsida skapad åt ett floristföretag skapad av TE4 gruppen J.CAD.
Medlemmar: Axel Thornberg, Jesper Cejie, Eskil Tornberg.
Samling av guider för hemsidan
För att köra tester krävs det att man installerar saker. För det första krävs Python 3.12.5 vilket installeras via python.org.
Öppna sedan projektet i en kommandotolk och kör dessa kommandon:
pip install playwright lxml
playwright install
För att konfiguera testerna tryck view --> testing --> configure python tests --> unittests --> tests.
Det finns också ett python-script som genererar skärmdumpar av hemsidan. Detta skript körs genom att skriva py .\tests\screenshots.py
i en terminal som har navigerat till projektets huvudmapp.
Denna sida använder ett skript för att skapa variationer av bilderna i olika upplösningar för att optimera inladdningstiden. För detta krävs Node.js.
När Node.js är installerat ska följande kommando köras i projektets root-mapp:
npm install
Detta installerar alla paket som krävs för att köra projektet.
Om du behöver skapa alla bilder på nytt (t.ex. om nya upplösningar eller bilder har lagts till) kör följande kommando:
npm run resize
Alla ändringar som är klara ska pushas till main
-branchen. När en feature är helt klar ska live
-branchen rebasas till den commiten i main
-branchen.
Alla tester ligger i tests-mappen. Testerna är uppdelade i flera filer som alla börjar på test_
.
Ikoner är tagna från icons8 och iconmonstr.
Allt som följer måste även ändras i test-filerna så att informationen som kontrolleras av testerna stämmer med vad som borde kontrolleras.
Priset på existerande produkter ändras i data.yml-filen under "Product Prices"-kommentaren.
Nya produkter läggs till under "Products"-kommentaren. Se då till att följa samma formattering som de produkter som redan existerar.
Bilder på produkter ändras också under "Products"-kommentaren i respektive produkt.
Namn på produkter ändras i respektive språkfil i språkfilsmappen under "Products section"-kommentaren. Här kan man också redigera alt-texten för bilderna.
Företagsinformation, som företagets namn, adress eller kontaktuppgifter, ändras i data.yml under "Company Information"-kommentaren.
För kartan finns det en länk i companyMapSource
i data.yml under "Company Information"-kommentaren som också behöver ändras.
Öppettider ändras i data.yml-filen under kommentaren "Opening Hours".
Information om stängda dagar ändras i respektive språkfil i språkfilsmappen under "Closed days"-kommentaren.
För att ändra vilka postnummer som levereras till ändra det i listan zipCodes
i js/flowergram.js.
Information om personal ändras i respektive språkfil i språkfilsmappen under "Employee information section"-kommentaren.
För att ändra dagens klipp är det objektet dealsOfTheDay
i js/deal-of-the-day.js som ska ändras. Objektet har 7 nycklar, en för varje dag där söndag är dag 0 och Lördag är dag 6. Dessa nycklars världen är listor med objekt där varje objekt är ett klipp. Varje klipp har två nycklar och två världen. price
bestämmer nya priset och id
bestämmer id:t på produkten. Ändra värdet på dessa nycklar om existerande klipp ska ändras. För att lägga till nya klipp skapa nya objekt som följer samma struktur i listan som motsvarar den dag som klippet ska gälla på.
För att ändra vad som visas i informationsmeddelandet, ändra outputTextField.innerHTML
i js/dynamic-information.js.