Front-end testing : an important part of quality assurance in Front-end development

Abstract

Thanks to the significantly improved web technology, nowadays, we can watch videos, play games, check maps, book tickets and fill application forms on websites. The websites have become more and more dynamic and interactive than before. Front-end development has made a great contribution to this since several features are being implemented into different websites constantly. However, more features means more work behind the scenes and ensuring everything works as expected on different devices and different browsers is crucial for the front-end developers.

The purpose of this thesis was to show how significant front-end testing is and how to implement the tests in order to make websites run properly under different circumstances. In this thesis, some basic knowledge on front-end development was introduced and front-end testing was widely discussed, finally, a web application was built along with chosen testing tools including Jasmine, TestCafe, BrowserStack, BackstopJS and Axe to demonstrate how to perform unit test, functional test, cross-browser test, visual regression test and accessibility test respectively. Most of the tests passed for the first time and some tests failed with specified error information. Additionally, Continuous Integration workflow was also conducted to show how it worked which turned out that it was a very efficient and convenient workflow for software development and software testing.