Recent Posts

    Authors

    Published

    Tag Cloud

    Testing Simplified

    CMS: Now integrates QUnit for automated testing of websites

    The new Test tab is now available in the CMS and makes the testing process simple and easy. This incredibly useful tool allows the developer of a site to easily debug their product.  The Test Tab utilises QUnit Testing which is a powerful, easy-to-use JavaScript unit testing framework.

    Navigation: 

    The Test tab is located in the top menu when creating a new CMS website page. Under this tab there is the title 'Setup'. This is where you can create tests. To create a test simply click 'Add' located down the bottom of the screen.

    Test Tab

     

    Add Button

    Clicking 'Add' will bring up the following screen....

    Layout of page

    Creating a Test:

    On this page the tester has a few options:

    • Name: The name of the tests. Eg: "Test Page for JohnSmith"
    • Sequence: The order of when this test is run in comparassion to other tests. Eg: "55"
    • Domains Pattern: This limits the condition of when this test is run. Eg: "localhost" (This will only run when the URL contains "Localhost")
    • Disabled: When checked this disables the test from running
    • Script: Place your validation code here, for the test to pass, the script must contain an assert command to finish..
      • Eg: assert.ok( userName.match(/.*JohnSmith.*/), "Passed!" );
      • (This makes sure the users name is "JohnSmith")
    • Description: Is a quick explanation of what the script does for future reference... Eg: "Checks users Name"

     

    Page with example data

    Clicking Ok will bring you back to the 'Test' panel when you will be able to see the list of tests you have created. The test that you created will show on the bottom of the list. 

     

    Example of Test added

    Running Tests:

    To run the tests go to the page you wish to run the tests on, go up to the URL bar and look for the line "CMS_MODE=PREVIEW" and change this value to "CMS_MODE=TEST";

    Changing of url

     

    Changed url

     

    The tests will automatically start running. If a test fails a popup will notify you of the failure so the issue can be addressed.

     

    Example of Qunit detection