Single-page application and front-end testing methods : built with React and React Router, tested with Jest and Cypress
Nguyen, Huong (2022)
Nguyen, Huong
2022
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202204135142
https://urn.fi/URN:NBN:fi:amk-202204135142
Tiivistelmä
Nowadays, web technology brings numerous advantages to its users. Everyone searches for information stay up to date on current news and keep in touch with others through various websites and applications.
Web technology is divided into 2 segments: Front-end development and Back-end development. In order to have a specific view about Front-end development, one of the best Front-end technologies - React was chosen as the focus of this thesis.
The main purpose of this thesis was to study React and its relevant technologies in order to create a single-page application, as well as to carry out front-end testing using Jest and Cypress. A Portfolio was built with React to examine how React actually works in reality, and its front-end was tested with selected testing methods to ensure the application works as expected.
The result of the study was a functional Portfolio single-page application that describes the information of the thesis owner about qualifications, projects/works, and a contact form. The Portfolio runs the client-side with features that change routes without loading the entire page, animation on the background, and a contact form that can send a visitor’s message directly to the owner’s email. Furthermore, after being tested with Jest and Cypress, the application is ensured to run perfectly.
Web technology is divided into 2 segments: Front-end development and Back-end development. In order to have a specific view about Front-end development, one of the best Front-end technologies - React was chosen as the focus of this thesis.
The main purpose of this thesis was to study React and its relevant technologies in order to create a single-page application, as well as to carry out front-end testing using Jest and Cypress. A Portfolio was built with React to examine how React actually works in reality, and its front-end was tested with selected testing methods to ensure the application works as expected.
The result of the study was a functional Portfolio single-page application that describes the information of the thesis owner about qualifications, projects/works, and a contact form. The Portfolio runs the client-side with features that change routes without loading the entire page, animation on the background, and a contact form that can send a visitor’s message directly to the owner’s email. Furthermore, after being tested with Jest and Cypress, the application is ensured to run perfectly.