Automatizace testování JavaScriptových aplikací
Loading...
Date
Authors
Bitomský, Marek
ORCID
Advisor
Referee
Mark
B
Journal Title
Journal ISSN
Volume Title
Publisher
Vysoké učení technické v Brně. Fakulta informačních technologií
Abstract
Cílem této bakalářské práce je vytvořit testovací sadu pro automatizované testování webové aplikace napsané v jazyce React s využitím knihovny Motion One pro animace. Navržená sada se zaměřuje na izolované testování animací jednotlivých komponent na straně klienta. K implementaci je použit jazyk TypeScript pro své výhody v oblasti typové bezpečnosti a nástroj Playwright, který umožňuje testování v různých prohlížečích, simulaci mobilních zařízení a paralelní spouštění testů. Výsledky testování slouží k analýze výkonnosti animací a posouzení jejich optimalizace. V případě zjištění nedostatků budou navržena a realizována zlepšení vedoucí ke zvýšení efektivity animací.
The goal of this bachelor thesis is to create a test suite for automated testing of a web application written in React using the Motion One animation library. The designed suite focuses on isolated testing of animations of individual components on the client side. The implementation uses TypeScript language for its type safety benefits and Playwright tool to enable cross-browser testing, mobile device simulation and parallel test execution. The results of the testing are used to analyze the performance of the animations and assess their optimization. If flaws are found, improvements will be proposed and implemented to increase the effectiveness of the animations.
The goal of this bachelor thesis is to create a test suite for automated testing of a web application written in React using the Motion One animation library. The designed suite focuses on isolated testing of animations of individual components on the client side. The implementation uses TypeScript language for its type safety benefits and Playwright tool to enable cross-browser testing, mobile device simulation and parallel test execution. The results of the testing are used to analyze the performance of the animations and assess their optimization. If flaws are found, improvements will be proposed and implemented to increase the effectiveness of the animations.
Description
Keywords
JavaScript, TypeScript, Playwright, React, Motion knihovna, automatizované testování, testování komponent, Chromium, Safari, Firefox, renderovací jádro prohlížeče, jádro Blink, jádro WebKit, jádro Gecko, webové aplikace, front end testování, JavaScript, TypeScript, Playwright, React, Motion library, automated testing, component testing, Chromium, Safari, Firefox, browser rendering engine, Blink engine, WebKit engine, Gecko engine, web applications, front end testing
Citation
BITOMSKÝ, M. Automatizace testování JavaScriptových aplikací [online]. Brno: Vysoké učení technické v Brně. Fakulta informačních technologií. 2025.
Document type
Document version
Date of access to the full text
Language of document
cs
Study field
Informační technologie
Comittee
doc. RNDr. Milan Češka, Ph.D. (předseda)
Ing. Radek Kočí, Ph.D. (člen)
Ing. Šárka Květoňová, Ph.D. (člen)
Ing. David Bařina, Ph.D. (člen)
Ing. Marta Jaroš, Ph.D. (člen)
Date of acceptance
2025-06-17
Defence
Student nejprve prezentoval výsledky, kterých dosáhl v rámci své práce. Komise se poté seznámila s hodnocením vedoucího a posudkem oponenta práce. Student následně odpověděl na otázky oponenta a na další otázky přítomných. Komise se na základě posudku oponenta, hodnocení vedoucího, přednesené prezentace a odpovědí studenta na položené otázky rozhodla práci hodnotit stupněm B.
Result of defence
práce byla úspěšně obhájena
Document licence
Standardní licenční smlouva - přístup k plnému textu bez omezení