Protractor wait method with error checking

if you ever worked on ui automation or ui tests of automated e2e tests for web application you may experience same problems,ive trying solving here. Solution specific to Chrome browser.

So you need to cover or automate following scenario:

1. go to app's page and do authorization
2. search item1 through searh bar. wait for search results
3. add item to basket, wait for redirect to backet page
4. create order, wait for success order creation message
5. done!

Navigation to page and authorization can be done in beforeAll.

Notice each step logically depends on previous and will fail if previous step is failed.

So technically first spec is search, in this step you fill search input and click search button - than you waiting for search results.

You waiting for search results mean you waiting for particular dom element to apear or become visible.

if some of service call is failing and ux experience become broken, you either wait dom element until timing out spec either check failing of call as well as waiting.

Protractor not support check error during wait out of box. You can use standart wait and hit timeout.

if spec dependency done right you following steps will fail straight from start.

But forbidden step will take your time to fail. If you set 3 minutes timeout which i was using for example and you have 10 suites =  you might 30 no needed minutes on fail for some global issues.

You can approach differently here  like override specific timeouts and reduce global timeout and so on.

Anyway you want to fail quickly as possible from moment issue appear to not waste any time or machine or yours to verify functionality, thus my raw approach will just proxy method.

here spec with regular wait will fail with timing out:

 it("1. Searches for ms logo on ms home page", function() {
        browser.get("https://www.microsoft.com/en-us/");
        browser.wait(() => element(by.id("nonExistLogoID")).isPresent())
            .then((callback) => {
                element(by.id("srv_shellHeaderMicrosoftLogo")).getInnerHtml().then((val) =>
                    expect(val).not.toBeNull("shouldn be empty"));
            });
    });

here spec with our custom proxy method:

  it('2. Searches for non exist ms logo on ms home page', function() {
        browser.get('https://www.microsoft.com/en-us/');
        Utils.CheckWait(() => element(by.id('nonExistLogoID')).isPresent())
            .then((callback) => {
                element(by.id('srv_shellHeaderMicrosoftLogo')).getInnerHtml().then((val) =>
                    expect(val).not.toBeNull('shouldn be empty'));
            });
    });

custom wait method:

 export function CheckWait(condition: (dr) => webdriver.promise.Promise,
        timeout?: number, opt_message?: string): webdriver.promise.Promise {
        var gl = global["logs"];
        var errorCheckFunc = (dr) => { gl.verify(); return condition(dr); };
        return browser.wait(errorCheckFunc, timeout, opt_message);
    }

verify method  implementation were taken from there : https://github.com/wix/protractor-browser-logs

my example in typescript can be find here: https://github.com/kostia911/blog_examples

example in progress and will refactored

Building Angular 2 beta.7 on windows 10

It just quick note and some time saving for new of us in nodes js\grunt and angular 2 overall.
Here i have some hints for gulp build task.

Once you cloned  repo from here: https://github.com/angular/angular
you need to check you have right version of node server and npm.

Node.js, (version >=5.4.1 <6) which is used to run a development web server, run tests, and generate distributable files. We also use Node's Package Manager, npm (version >=3.5.3 <4.0), which comes with Node. Depending on your system, you can install Node either from source or as a pre-packaged bundle.

from  dev readme in master.

The steps you need besides run npm install in root:

1.   install bower dependency

             Run bower install  from root

             If you ll see error like this

              bower angular#1.0.6 ENOGIT git is not installed or not in the PATH then you need to specify environment variable Path like this:

set PATH=%PATH%;C:\Program Files\Git\bin

              replace path with your folder's path to git.exe.



      2.   From your local repo go to folder   angular\tools  and run these commands from there:
            in order to install tool's dependencies,

npm install
tsd install

             Without this commands you should see error like this:
                error TS2304: Cannot find name 'promise'
                or
                error TS2304: Cannot find name 'require'
             or whatever it looking for.


    3. From local repo root go to folder angular\modules\angular2 and run the same command from step 2.

npm install
tsd install

    Without running this command have errors like that:
         Error: [DiffingTSCompiler]: Typescript found the following errors:
           angular2/manual_typings/globals.d.ts (8, 42): Cannot find name 'Promise'.

Its all only beginning, next notes will be about running unit tests with different configs

Links to stackoverflow qa:
http://stackoverflow.com/questions/30549163/angular2-build-process-fails
http://stackoverflow.com/questions/33332394/angular-2-typescript-cant-find-names

http://stackoverflow.com/questions/20666989/bower-enogit-git-is-not-installed-or-not-in-the-path