CN112463611A

CN112463611A - Test report generation method and device based on HTML5 and storage medium

Info

Publication number: CN112463611A
Application number: CN202011387549.2A
Authority: CN
Inventors: 唐涛; 陈龙; 洪飞龙
Original assignee: Guangzhou Lango Electronic Science and Technology Co Ltd
Current assignee: Guangzhou Lango Electronic Science and Technology Co Ltd
Priority date: 2020-12-01
Filing date: 2020-12-01
Publication date: 2021-03-09

Abstract

The present invention provides a method, device and storage medium for generating a test report based on HTML5, wherein the method includes: a test data parser receives test data of a test framework, and processes the test data into a dictionary type that the test report generator can read and operate The data structure of the data structure; the data in the data structure is filled into the pre-set HTML5 template, and a test report of a single HTML5 static file with the suffix .html is generated. The report generated based on the method and device of the present invention has both readability and data structure, and is beautiful, and the display effect of the template can be customized by modifying the style and format of the template, without affecting the structure of the test data.

Description

Test report generation method and device based on HTML5 and storage medium

Technical Field

The invention relates to the technical field of android system testing, in particular to a test report generation method and device based on HTML5 and a storage medium.

Background

Currently, testing of android systems requires the use of test frameworks, such as the Robotium test framework, the Appium test framework. After the android system is tested by using the testing framework, a testing report can be automatically generated. The test reports of the current test framework are all output in a program-friendly form such as xml, but the readability is poor. Because of the test report in the xml format, only the text information is available, and the modification actions for assisting reading, such as chart output, text thickening and highlighting, and the like, cannot be performed. So that the test report cannot express the test content and the test result more flexibly and intuitively.

Disclosure of Invention

The invention aims to provide a test report generation method, a test report generation device and a storage medium based on HTML5, which can solve the problem that in the prior art, a test report output in an xml format only has character information and cannot output modification actions such as a chart and the like.

The purpose of the invention is realized by the following technical scheme:

in a first aspect, the present invention provides a test report generation method based on HTML5, including the following steps:

step 1, a test data parser receives test data of a test framework, and the test data is processed into a dictionary type data structure body which can be read and operated by a test report generator;

and 2, filling the data in the data structure into a preset HTML5 template to generate a HTML test report of a single HTML5 static file.

Furthermore, the data in the data structure is filled into the preset HTML5 template, and the render output is realized by calling the render _ template method of jinja 2.

Further, the process of calling render _ template method of jinja2 to realize rendering output includes:

acquiring template text content;

replacing data in the data structure body analyzed by the test data analyzer to a position corresponding to the template;

generating complete text content;

saved as an HTML5 file.

Further, the test report generation method based on the HTML5 further comprises the steps of generating an HTML5 template:

reporting the key information by using the element layout of HTML, then performing style description on the reporting key information by using CSS, and finally realizing interactive logic by using js.

Further, the report key information includes report summary information and detailed case test data.

Further, the report summary information includes, but is not limited to, a name of a use case, a total number of use cases, a number of pass cases, a number of fail cases, a number of skip cases, a start time, a test time, and a percentage pie chart of a result of a use case.

Further, the detailed use case test data includes, but is not limited to, use case ID, test type, test method, use case description, run time, test result, and view log.

In a second aspect, the present invention provides a test report generating apparatus based on HTML5, including a storage module, a test data parser, and a test report generator, wherein:

the storage module is used for storing an HTML5 template;

the test data parser is used for receiving the test data of the test framework and then processing the test data into a dictionary type data structure body which can be read and operated by the test report generator;

and the test report generator is used for filling the data in the analyzed data structure into a preset HTML5 template to generate a test report of a single HTML5 static file with a suffix of HTML.

In a third aspect, the present invention provides a storage medium having a computer program stored therein, wherein the computer program is operable to execute the test report generation method based on HTML 5.

According to the test report generation method, device and storage medium based on the HTML5, readability and data structure of the output report can be both considered, attractiveness is achieved, the display effect of the template can be defined by modifying the style and format of the template, and the structure of the test data is not affected.

Drawings

FIG. 1 is a diagram of steps of a test report generation method based on HTML 5;

FIG. 2 is a schematic structural diagram of an HTML 5-based test report generation apparatus according to the present invention;

FIG. 3 is a sample HTML5 template of the present invention.

Detailed Description

The embodiments of the present disclosure are described in detail below with reference to the accompanying drawings.

The embodiments of the present disclosure are described below with specific examples, and other advantages and effects of the present disclosure will be readily apparent to those skilled in the art from the disclosure in the specification. It is to be understood that the described embodiments are merely illustrative of some, and not restrictive, of the embodiments of the disclosure. The disclosure may be embodied or carried out in various other specific embodiments, and various modifications and changes may be made in the details within the description without departing from the spirit of the disclosure. It is to be noted that the features in the following embodiments and examples may be combined with each other without conflict. All other embodiments, which can be derived by a person skilled in the art from the embodiments disclosed herein without making any creative effort, shall fall within the protection scope of the present disclosure.

The invention discloses a test report generation method based on HTML5, which comprises the following steps:

step 1, a test data parser receives test data of a test framework, and then the test data is processed into a data structure body which can be read and operated by a test report generator, and the structure body is realized by using dictionary types.

The dictionary type is a built-in data type in the Python language. The dictionary in Python is composed of key (key) value (value) pairs, wherein keys and values are separated by colons, different groups of key value pairs are divided by commas, the whole dictionary is wrapped by { }, and the dictionary is unordered, and we can obtain the value of value by key. For example, a dictionary with values of dit 1 { 'apple' 8, 'banana' 3, 'peach' 5 }.

Test frameworks such as Python unitest and Python test, etc., the test data of which is the data of the Python object.

Filling data in the data structure into an HTML5 template, and mainly calling a render _ template method of jinja2 to realize rendering output, wherein the process comprises the following steps:

acquiring template text content;

generating complete text content;

saved as an HTML5 file.

Jinja2 is a python-based template engine. The generated test report can be directly opened and viewed by using a browser or put on a web server for external presentation. render _ template is one of the template rendering functions within the flash itself.

Further, the test report generation method based on the HTML5 of the present invention further includes the step of generating an HTML5 template:

reporting the key information by using the element layout of HTML, then performing style description on the reporting key information by using CSS, and finally realizing interactive logic by using js. Interaction logic such as pie chart drawing and viewing, log viewing interactions, and the like.

The report key information comprises report summary information and detailed case test data. The report summary information includes, but is not limited to, a case name, a total number of cases, a number of passed cases, a number of failed cases, a number of skipped cases, a start time, a test time, and a percentage pie chart of case results. The detailed case test data includes, but is not limited to, case ID, test type, test method, case description, run time, test result, and view log.

The invention discloses a test report generating device based on HTML5, which comprises a storage module, a test data parser and a test report generator, wherein:

and the storage module is used for storing the HTML5 template.

The HTML5 template is preset in a storage module. Fig. 3 is an example of an HTML5 template, which should not be construed as limiting the HTML5 template, and the HTML5 template may be in other forms, which are specifically set according to the user's needs.

And the test data parser is used for receiving the test data of the test framework and then processing the test data into a data structure body which can be read and operated by the test report generator.

A storage medium having a computer program stored therein, the computer program being executable to perform the method of:

Further, in a preferred embodiment of the present application, the data in the data structure is filled into a preset HTML5 template, and a render _ template method of jinja2 is called to implement rendering output.

Further, in a preferred embodiment of the present application, the process of calling render _ template method of jinja2 to implement rendering output includes:

acquiring template text content;

generating complete text content;

saved as an HTML5 file.

Preferably, the test report generation method based on HTML5 of the present invention further includes the step of generating an HTML5 template: reporting the key information by using the element layout of HTML, then performing style description on the reporting key information by using CSS, and finally realizing interactive logic by using js.

In the present invention, unless otherwise expressly stated or limited, the terms "mounted," "connected," "secured," and the like are to be construed broadly and can, for example, be fixedly connected, detachably connected, or integrally formed; may be mechanically coupled, may be electrically coupled or may be in communication with each other; they may be directly connected or indirectly connected through intervening media, or they may be connected internally or in any other suitable relationship, unless expressly stated otherwise. The specific meanings of the above terms in the present invention can be understood by those skilled in the art according to specific situations.

The above description is for the purpose of illustrating embodiments of the invention and is not intended to limit the invention, and it will be apparent to those skilled in the art that any modification, equivalent replacement, or improvement made without departing from the spirit and principle of the invention shall fall within the protection scope of the invention.

Claims

1. a test report generation method based on HTML5, is characterized in that, comprises the following steps:

Step 1. The test data parser receives the test data of the test framework, and processes the test data into a dictionary-type data structure that the test report generator can read and operate;

Step 2: Fill the data in the data structure into the pre-set HTML5 template, and generate a test report of a single HTML5 static file with a suffix of .html.

2. the test report generation method based on HTML5 according to claim 1 is characterized in that, the described data in the data structure is filled in the HTML5 template set in advance, is to call the render_template method of jinja2 to realize rendering output of.

3. the test report generation method based on HTML5 according to claim 2 is characterized in that, the described render_template method of calling jinja2 realizes that the process of rendering output comprises:

Get the template text content;

Replace the data in the data structure parsed by the test data parser to the corresponding position of the template;

Generate complete text content;

Save as HTML5 file.

4. the test report generation method based on HTML5 according to claim 1, is characterized in that, also comprises the step of generating HTML5 template:

Use HTML element layout to report key information, then use CSS to style the report key information, and finally use js to implement interactive logic.

5. The method for generating a test report based on HTML5 according to claim 4, wherein the key information of the report comprises report summary information and detailed use case test data.

6. The method for generating a test report based on HTML5 according to claim 5, wherein the report summary information includes but is not limited to the name of the use case, the total number of the use case, the number of passed use cases, the number of failed use cases, the number of use cases skipped, Start time, test time, percentile pie chart of use case results.

7. The test report generation method based on HTML5 according to claim 5, is characterized in that, described detailed use case test data includes but not limited to use case ID, test type, test method, use case description, running time, test result, View logs.

8. test report generation device based on HTML5, is characterized in that, comprises storage module, test data parser and test report generator, wherein:

Storage module for storing HTML5 templates;

The test data parser is used to receive the test data of the test framework, and then process it into a dictionary-type data structure that the test report generator can read and operate;

The test report generator is used to fill the data in the parsed data structure into the pre-set HTML5 template, and generate a test report of a single HTML5 static file with a suffix of .html.

9 . A storage medium, wherein a computer program is stored in the storage medium, wherein running the computer program can execute the HTML5-based test report generation method according to any one of claims 1 to 7 .