To continue with this content, please log in with your Data Access ID or create a new account.
Cancel Data Access ID
You may not be authorized to see this content. Please contact Data Access Europe for more information.
Cancel Data Access Europe
You are not authorized to see this content.
Cancel Data Access Europe
Next lesson:
Cancel

Quickstart building a web application (Web/Mobile)

Lesson 11: Testing the application

Now that the application is created, we are ready to test the application. So far we have been testing the application by clicking the run button, starting the application in debug mode and opening the browser. A lot of developers don’t realize that web applications run continually in the background. As soon as a web application is registered it runs in the web app server and it can be accessed all the time.

Run application on the background

  1. Go to Tools, Web Application Administrator.

  2. This shows that the Quickstart application is running together with 2 processes. You can see it has already processed some messages from the client.

  3. Close the Web Application Administrator.
  4. The browser can also be opened by right clicking WebApp.src in the Workspace Explorer and clicking the Open Application URL.

  5. It runs in the background without clicking the Run button.
  6. There is an option available to stop the browser from opening when debugging. Go to Tools, Configure Studio…

    and disable opening the browser when debugging.


  7. When you click on the Run button, the browser will not open a new tab anymore. This allows you to keep the browser window open in the background. Now you can make changes in the application, go back to the browser and refresh without having to login again. 
  8. For example go to the Workspace Explorer and double click the Dashboard.wo and scroll to line 103.
  9. Remove the title of Tile 4.

  10. Compile the application by clicking the Compile button.
  11. Refresh the browser, and Tile 4 is empty.

Break points

  1. Go to the Workspace Explorer and double click the SelectMedia.wo
  2. Go to line 161 and click right before the number. A red circle appears.

  3. Run the application by clicking the Run button.
  4. Go back to the browser and go to the Query Persons.
  5. When clicking on a person it hits the breakpoint in the Source Code.

Debugger

  1. One of the panels in the debugger is Locals.

  2. This shows the navigatedata that has been discussed in a previous lesson. As shown the NavitateType is 2. This matches with nfFromParent in the Source code.

  3. Looking at line 171 in the Source code it uses FirstName and LastName. In the tables panel are all the tables. Person is Active. It shows that it holds the record John Tuohy.

  4. Click the Run button and go back to the back to the browser.
  5. Now it shows Media items of John Tuohy.

Mobile devices

  1. When working on Chrome click on the three buttons in the right upper corner. Go to More tools, Developer tools.

  2. In the upper left corner click the Toggle device toolbar.

  3. When you click it, the browser will emulate the screen size of an iPhone.
  4. Different devices can be selected to see different screen sizes.
  5. Clicking through the application shows that the application adjusts to the different screen sizes.
  6. This finishes this lesson and the Course.