-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
db15931
commit eb2e1d8
Showing
4 changed files
with
42 additions
and
2 deletions.
There are no files selected for viewing
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
Gombahaz/Gombahaz/obj/Debug/net8.0/Gombahaz.AssemblyInfoInputs.cache
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1 +1 @@ | ||
3346a66eb9dce648672c5731b837367ce75384ffab2673f7b967ce501457789b | ||
72f234ebf901d5dfe49caa2367d1eee4798a5ea1d69aced9e9d18491992bdb0a |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,40 @@ | ||
# UI tesztek készítése | ||
|
||
Vörös László (LGietLaci37) | ||
|
||
Én az UI tesztek készítése feladatot vállaltam el. A tesztek készítéséhez a Frontend mappában dolgoztam. A Frontend Angularban készült, ezért komponens teszteket készítettem. | ||
|
||
### A projektről | ||
|
||
A webapplikáció gombatermesztő házak és az azokban elhelyezett műszerek által mért értékek menedzseléséhez, kiértékeléséhez, és megtekintéséhez biztosít grafikus felületet a felhasználók számára. Minden ház 5 darab szenzort tartalmaz, melyek különböző értékeket mérnek. A gombaházak a rendszerben resource-ként, míg a házakhoz tartozó egyes időpontokban történt, szenzoradatok dataset-ként szerepelnek. | ||
|
||
|
||
# Tesztek előkészítése | ||
|
||
A tesztek készítése során a component.spec.ts kiterjesztésű fájlokban dolgoztam. Korábban ezekben volták már tesztek, amik automatikuson jöttek létre. | ||
Ezeket kezdetben lefutattam, de az összes hibás volt, ezért ezeket kitöröltem. | ||
|
||
|
||
# Tesztelés környezete | ||
|
||
A teszteléshez elég volt a Frontend mappában konzolban az ng test parancsot kiadni. Ez automatikusan megnyított egy google chrome böngészőt, ahol a Karma test runner lefutatta a teszteket, Jasmine segítségével. | ||
Ezek minden mentésnél automatikuson újra lefutottak és kiírta a sikerreséget vagy sikertelenséget. | ||
|
||
# Felkészülés a tesztekhez | ||
|
||
A tesztek megírásához a hivatalos angular oldal tesztelését tanulmányoztam, illetve youtube-n néztem videókat a tesztelésekről. | ||
|
||
|
||
# Tesztek megírása | ||
|
||
A tesztek megírása során a komponenseket teszteltem külön-külön. | ||
Először azt teszteltem, hogy sikeresen létre tudok hozni egy adott komponenst. Ez számos esetben nehezebb volt, mivel az több komponens függött egy másiktól. | ||
Ezután megnéztem a .component.ts függvényeit és ezekhez írtam teszteket. | ||
Itt függvényhívásokat ellenőriztem, illetve a változók helyességet. | ||
Továbbá .scss és a html elemeket is teszteltem bizonyos helyeken. | ||
|
||
|
||
## Összefoglalás, tanulságok | ||
|
||
A házi feladat során először megismertem docker működését. Ezután részletesebben megísmertem az Angular komponens teszteket. Kezdetben az egyszerűbbeket, később pedig azt, hogy a különböző esetkben mit hogyan kell tesztelni. | ||
Továbbá megismertem a különböző lehetőségeket az angular tesztelés során, de egy adott projektben nem mindent lehet használni anélkül, hogy azt átalakítanánk. |