Search jQuery

jQuery Forum

QUnits for JS directly accessing UI components

in QUnit and Testing • 7 years ago

Hi,

I am trying to add Qunit tests for our MVVM based UI application. I planned to have separate tests.html which will have Qunit test fixtures and acts as test report page. So I am focusing on testing the view models (JS files) of the application. But I have some parts of js files expecting the actual UI components to be present, especially jquery selector calls such as $('#xyz'). How can I test this code, can you please guide me.

The reason I didn't put qunit DIV in main application index.html is, I need to remove these div's automatically as part of build process to prepare release candidate build. Is it common practice to remove these div's automatically as part of build or I can keep another file with same contents as in my index.html and still have test div's which I will not bundle in my production package. Which one is more acceptable practice.

Thanks in advance.

Sudhakar

Replies(4)

kbwood.au

Re: QUnits for JS directly accessing UI components

7 years ago

Your test cases should be separate from your actual code and should not be included with the production package.

Sudhakar ..

Re: Re: QUnits for JS directly accessing UI components

7 years ago

So testing UI control's of the application is not possible or very tough, is not it?

Thanks

Sudhakar

kbwood.au

Re: QUnits for JS directly accessing UI components

7 years ago

Normally you would test each plugin/section of code in isolation. Your test page would have the appropriate HTML elements to work with, the plugin code, and the code that runs through the tests.

You can read about testing a plugin in my article on my plugin framework, and can download the actual code and tests at the bottom of that page.

For testing entire applications in the browser look at Selenium and other such frameworks.

Sudhakar ..

Re: QUnits for JS directly accessing UI components

7 years ago

Selenium is more relevant for automation tests, but I am keen on unit testing of application pieces. I got what you are saying for plugin testing, but for entire application-wide testing any inputs please.

Thanks

Sudhakar

Top Reply

Response title

Attachments

jQuery Forum

QUnits for JS directly accessing UI components

Replies(4)

Re: QUnits for JS directly accessing UI components

Re: Re: QUnits for JS directly accessing UI components

Re: QUnits for JS directly accessing UI components

Re: QUnits for JS directly accessing UI components

Statistics

Tags

Actions