Skip to content

Commit

Permalink
dokumentáció
Browse files Browse the repository at this point in the history
  • Loading branch information
LGietLaci37 committed May 18, 2024
1 parent db15931 commit eb2e1d8
Show file tree
Hide file tree
Showing 4 changed files with 42 additions and 2 deletions.
Binary file removed Doc/UI-tesztek.docx
Binary file not shown.
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@
[assembly: System.Reflection.AssemblyCompanyAttribute("Gombahaz")]
[assembly: System.Reflection.AssemblyConfigurationAttribute("Debug")]
[assembly: System.Reflection.AssemblyFileVersionAttribute("1.0.0.0")]
[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+c21416ae4811dd7095b9b3599a591c9d5857436a")]
[assembly: System.Reflection.AssemblyInformationalVersionAttribute("1.0.0+db1593167e4bf296a1fd923a72181003bffc6a46")]
[assembly: System.Reflection.AssemblyProductAttribute("Gombahaz")]
[assembly: System.Reflection.AssemblyTitleAttribute("Gombahaz")]
[assembly: System.Reflection.AssemblyVersionAttribute("1.0.0.0")]
Expand Down
Original file line number Diff line number Diff line change
@@ -1 +1 @@
3346a66eb9dce648672c5731b837367ce75384ffab2673f7b967ce501457789b
72f234ebf901d5dfe49caa2367d1eee4798a5ea1d69aced9e9d18491992bdb0a
40 changes: 40 additions & 0 deletions doc/UI-teszt.md
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.

0 comments on commit eb2e1d8

Please sign in to comment.