Design And Implementation Of A Company's Front-End Webpage Testing Platform

As an interactive carrier of Internet technology services,web pages have been fully and deeply integrated into social and economic life.The webpage has also become an important source of business revenue for many companies.The stability and reliability of webpage services are related to the survival and development of the company.This thesis explains the current situation of frequent front-end webpage iterations,repetitive labor of employees and high requirements for page operating environment compatibility in front-end webpage test scenarios.The overall goal of building a front-end webpage test platform of a company is to replaces testers to complete a large number of repetitive front-end webpage test functions,and returns to existing functions in a comprehensive and timely manner.By regularly checking the availability and completeness of online pages,to ensure the stability and continuity of front-end webpages before and after online.In the end,it can achieve the effect of liberating testers,reducing the recruitment pressure and labor cost of the company,and finally providing strong support for the company's continuous operation and good monetization.This thesis starts from the perspective of maintaining the continuity of enterprise products and services,and conducts business analysis around the daily work of testers,and obtains the demand function points and feasibility of account management,role management,task management,task scheduling,alarm management,and browser management,non-required functional points such as security and expandability;complete the data model design through requirements analysis,and obtain the data table structure and mapping relationship between the tables of each functional module;through research software automated testing,headless browser,WebDriver,Docker,and a large number of technical solutions such as the image diff algorithm and domestic and foreign literature have obtained the platform design;the implementation of the platform has been finally completed by using Vue,Node.js,MongoDB and other technology stacks;unit tests and integration tests have been performed to verify the platform design and ensure that the platform has reached a usable and well-run state and meets design expectations.Finally,the paper gives the work and prospects for the next stage.By using Docker,a container technology,the front-end webpage testing was task-oriented,standardized and streamlined.We achieved the assembly line operation of front-end webpage testing from design development,online deployment to continuous iteration,and reached the monitoring status of the entire life cycle of the front-end webpage stability.The platform can effectively save the labor cost of testers,improves the quality of webpage testing,and ultimately strongly support the stability and continuity of online product services for enterprises.