Graphical tests

[PetrS]

size=150Graphical tests/size
Version 0.1.73 and higher

From version 0.1.73 you can define extended automatic test in Design Forms Builder: bGraphical test/b.

Graphical test is extension of standard Numeric test (well known from older versions). In addition to numerical values, graphical test also compares graphical output.
All inputs for graphical output are saved in TestIO file: Input variables, Results, Dialog; Layout, Language, Sample output.
Sample graphical output saved in TestIO is compared to the results of tested run.

uResult of comparison are two numeric values:/u
list
*Correlation coefficient = (SamePixels / TotalNumberOfPixels) => this value lays in range 0.00 - 1.00.
0.00 = Bitmaps are different
1.00 = Bitmaps are the same/*:m
*Number of different pixels = total number of different pixels/*:m/list:u

uBitmaps are considered to be equal if:/u
list
*Correlation coefficient is greater than 99.9%./*:m
*Number of different pixels < 100/*:m/list:u

Correlation coefficient and number of different pixels are saved in Test log.

uAdding new graphical test:/u
list
*Open CLS in DesignForms Builder/*:m
*Select Layout, Language/*:m
*Setup dialog and/or input variables/*:m
*Click on MainMenu - Tools - Add new graphical test/*:m/list:u

[PetrS]

size=150Collision testing/size
Version 0.1.75+

Automatic tests were extended with automatic detection of visual component collisions (overlapping).
You can switch ON/OFF collision detection for any numeric or graphical test in Design Form Builder -> Tools -> Open autotests manger:
attachment=1

Autotest manager.jpg (62.11 KiB) Viewed 6520 times

/attachment


ubHow it works:/b/u
Collision detection generates graphical output for each layout in each defined language.
In each of these outputs program detects:
list
*Overlapping visual components (Texts and Equations overlapping each other)/*:m
*Overlapping content of table cells/*:m/list:u
Protocol about collision check is added to the Test report.
Collision test runs for NumberOfLayouts x NumberOfLanguages outputs. This can take several second to finish such a test!


ubCollision detection in Design Forms Builder:/b/u
Collision detection is also available directly in Design Forms Builder: Design Form Builder -> Tools -> Detect collisions
You can use this functionality to highlight and fix collisions.
attachment=0

CollisionDetection.jpg (277.92 KiB) Viewed 6520 times

/attachment

[PetrS]

size=150Bitmap comparer/size

Bitmap comparer is used to compare test template and current output.

Bitmap comparer in Design Forms Builder:
1) Open Auto test manager
2) Select graphical test
3) Click on "BMP compare" button.

Bitmap comparer in Calculation tester:
1) Run CLC tests
2) Select node with (executed) graphical test in the tree on the left side of the window
3) Click "Bitmap comparer" button in tool bar
The button is disabled until you select node with executed graphical test in the tree view.

ubBitmap comparer support two views:/b/u
buTwo bitmaps side-by-side:/u/b
Test template output is on the left side, current CLC output is on the right side.
attachment=1

TwoScreens.jpg (429.65 KiB) Viewed 6517 times

/attachment

buBlinking:/u/b
Test template and current CLC output is blinking. This mode allows easily identify output differences.
attachment=0

Blinking.jpg (225.74 KiB) Viewed 6517 times

/attachment