Logic Testing – Frontend – old

Last Updated on October 26, 2024 by Neil Murray

Table of Contents #

Standard Testing #

back to top

Images – ..\Sync\..\Testing\Test Site\Manual Testing\LOGIC\Standard Testing\

Standard Testing (Standard Testing_v2.5.3_2022-10-28.png)

Instructions: #

back to top

Checklist

Open a Standard Form #

back to top

Standard Testing – Open a Standard Form (Standard Form – Open Standard Form_v2.5.3_2022-10-28.png)

Steps #

back to top

1. Open Stanadrd Testing – Logic Form Page from navigation menu

You need to select the correct form from the menu, there will be two standard testing forms to test frontend logic for now.

Opening the frontend standard logic form page (opening the frontend standard logic form page_v2.5.3_2022-11-12.png)
Opened the frontend standard logic form page (opened the frontend standard logic form page_v2.5.3_2022-11-12.png)

2. Check the available Standard forms

. Click on the Form List link to see the available forms to test (click on the list of forms_v2.5.3_2022-11-12.png)
. Clicked on the Form List link to see the available forms to test (clicked on the list of forms_v2.5.3_2022-11-12.png)

3. Choose the Form for Testing

Click on the link to the form to test (click on the link to the frontend form_v2.5.3_2022-11-12.png)
Clicked on the link to the form to test (clicked on the link to the frontend form_v2.5.3_2022-11-12.png)

Open the relevant tab/test #

back to top

Click on the tab with the performing test as the tab name. This will open up the tab with fields to test.

Click on the relevant tab/test (Standard Form – Click on the relevant tab_v2.5.3_2022-10-28.png)
Click on the relevant tab/test (Standard Form – Clicked on the relevant tab_v2.5.3_2022-10-28.png)

Testing the Logic #

back to top

To understand how test works, you need to read the instruction given in the reference field area. Also the instructions with each field gives an idea to what input should be given. The field will be visible once the input matches the field instruction.

Checklist

Reference Field Area #

back to top

This area contains the main test reference field, which will be the result of tested logic. This field will shown/hide as per the logic.

Reference Field Area (Standard Form – Reference Field Area_v2.5.3_2022-11-12.png)
Reference Field Area – Field Hidden (Standard Form – Reference Field Area-Hidden_v2.5.3_2022-11-12.png)

Field Instruction #

back to top

Field instruction is given just below the each test field. To test a field the field needs to be set to the exact values as per the field instruction. once the field isnstruction is followed and set the value to a field then the Refference field will be shown/hidden as per the logic applied.

Test and Screenshot #

back to top

Checklist

The screenshot need to contain the full form, after each field value is set as per the Field Instruction.

If the test is for “IF ANY” condition then the other fields in the form other than the testing form should not following the field instruction. Otherwise the logic will not be applied. Make sure that Reference Field is shown/hidden as per the test before testing a field.

Screenshots #

back to top

Start with the screenshot of initially loaded form just after loading the page. This will give the status of form when loaded.

Standard Testing – Form on Initial loading (Standard Testing – Form on Initial loading – Default_v2.5.3_2022-11-12.png)
Standard Testing – Screenshot – Example-1 (Standard Testing – Screenshot – Example-1_v2.5.3_2022-11-12.png)

In the above screenshot, the field follows the Field instruction. So the field in the Reference Field Area is shown

Standard Testing – Screenshot – Example-2(Standard Testing – Screenshot – Example-2_v2.5.3_2022-11-12.png)

In the above screenshot, the first text field (text-584) value is unset. and second test field(checkbox-776) is set. Because as per the logic is “IF ANY”, matching single field will satisfy the logic.

Continue Test #

back to top

Continue Tests with the other fields in the same test and record screenshots

Test all fields like Example 1 & 2 (Standard Testing – Screenshot – Continue – Fields -1_v2.5.3_2022-11-13.png)

Testing with filled fields (for review) #

back to top

It is also important to make sure that logic comparisons works even with inputs on all fields, so that the functions aren’t interfearing with each other. To test it we may use the expected correct value on a field and rest fields set to distict values than in Field Instruction

After completing testing of all fields in a Test, continue testing from the next Tab/Test and record screenshots.

Test all Tabs (Standard Testing – Screenshot – Continue – Tests_v2.5.3_2022-11-13.png)

Notes #

back to top

As each tab consist of different tests, there are some different things to note in each test.

IF Any – Notes

  • All fields other than the field which is testing should be cleared before testing or it should contain a value which is different from the value in Field Instruction

Further reading:

  • Item

Logic – Responsive Styling #

back to top

Further reading:

NOTES #

Save all Images to Sync – use ..\Sync\..\Testing\Test Site\Manual Testing\LOGIC\Standard Testing -old\