Uploaded byAndrii Dzynia
ExtJS WebDriver
The document discusses testing ExtJS applications with WebDriver. It describes building custom locators, waiters and element objects to interact with ExtJS components. JavaScript injections are also explored to directly access the ExtJS API and speed up tests by bypassing WebDriver. Overall the approach evolved from a traditional WebDriver implementation to leveraging custom ExtJS-specific page objects and finally integrating direct JavaScript executions to better test ExtJS applications.
More Related Content
ExtJS WebDriver
- 1. WebDriver Tests for ExtJS Applications Andrii Dzynia Saturday, March 2, 13
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10. Technical Context • Java Enterprise Application • ExtJS on UI level • WebDriver for Test Automation Saturday, March 2, 13
- 11. What is ExtJS? Ext JS is a pure JavaScript application framework for building interactive web applications using techniques such as Ajax, DHTML and DOM scripting. Saturday, March 2, 13
- 12. Demo http://docs.sencha.com/ext-js/4-1/extjs-build/examples/ Saturday, March 2, 13
- 13. First Stage As Usual Saturday, March 2, 13
- 14. Locators • css = button[id *= ‘add_user_action’] • css = .x-panel.x-grid-with-row-lines • name = title • xpath = "//*[@class='x-column-header-text' and text()='Due Date']" Saturday, March 2, 13
- 15.
- 16.
- 17.
- 18.
- 19.
- 20. Results Traditional approach Code can be too complex Help in simple cases No reusable components Saturday, March 2, 13
- 21. Who was solvingthis before? • https://github.com/mariominati/test-www- selenium-extjs/tree/master/Test-WWW- Selenium-ExtJS • https://github.com/asaflevy/SelenuimExtend/ • https://github.com/cathoderay/selenium- extjs • http://code.google.com/p/extenium/ Saturday, March 2, 13
- 22. Second Stage ExtJSElementObjects Saturday, March 2, 13
- 23.
- 24.
- 25.
- 26.
- 27.
- 28. Results Reusable components WebDriver is so slow Can be extended IE is critical slow! Saturday, March 2, 13
- 29. Stage 3 JavaScript Injections Saturday, March 2, 13
- 30. ExtJS API Ext.get('id').dom.value Ext.ComponentQuery.query('panel[cls=myCls]'); Ext.select(selector) Ext.core.Element.select(selector, unique, root) Ext.getDom(el) Saturday, March 2, 13
- 31.
- 32.
- 33. Results Not real-user Faster! actions Saturday, March 2, 13
- 34. Lessons Learned • Think how you will be testing at first • Work side-by-side with front-end developers • Delegate ExtJS magic for your Elements API Saturday, March 2, 13
- 35. @a dz me yn @a ia dz yn ia.c om ad zy n ia. co m Saturday, March 2, 13