How to write a simple e2e test?

Question

The e2e test should go to the specific page and check URL out.

app.e2e-spec.ts

import { AppPageObject } from './app.po';

describe('Subscriptions', () => {
  let main: AppPageObject;

  beforeEach(() => {
    main = new AppPageObject();
  });

  it('should work', () => {
      main.navigateToSubscriptions().then(() => {
        main.getUrl().then(url => {
          expect(url).toContain('account/subscriptions');
        });
      });
  });
});

app.po.ts

import { browser, element, by } from 'protractor';

export class AppPageObject {
  navigateToSubscriptions() {
    return browser.get('/account/subscriptions');
  }

  getUrl() {
    return browser.getCurrentUrl();
  }
}

This is my page url:

http://localhost:5001/#/account/subscriptions

This is an error:

Expected 'http://localhost:49152/#/home' to contain 'account/subscriptions'.

It should be easy. What am I doing wrong?

https://monosnap.com/file/spODdEUjya4nylnLdh8pfzRJ9YxQgN

score 2 · Accepted Answer · edited Apr 03 '18 at 13:06

Perhaps you forgot about authorization process. Look at this example:

app.po.ts :

import { browser, element, by } from 'protractor';

export class AppPageObject {
  public navigateTo(url?: string) {
    browser.get(url || '/');
  }

  public loginForm(email: string, password: string) {
    element(by.css("input[formcontrolname='email']")).sendKeys(email);
    element(by.css("input[formcontrolname='password']")).sendKeys(password);
    return element.all(by.id('login-button')).click();
  }

  public getCurrentUrl() {
    return browser.getCurrentUrl();
  }
}

app.e2e-spec.ts :

import { AppPageObject } from './app.po';
import { browser } from 'protractor';

describe('Subscriptions', () => {
  let main: AppPageObject;

  beforeEach(async () => {
    main = new AppPageObject;
    main.navigateTo('/#/auth/login');
  });

  it('should login', async () => {
    main.loginForm('test@gmail.com', '1234')
      .then(() => {
        browser.driver.sleep(6000);
      })
      .then(() => {
        expect(main.getCurrentUrl()).toContain('account/dashboard');
      });
  });
});

this error means the url is not changed and still in same page, when the test runs do you see the page changing? — Fateme Fazli, Apr 03 '18 at 10:16
@"Samuel Liew" disclaimer, I have contributed to endly open source — Adrian, Sep 18 '18 at 21:18

score 1 · Answer 2 · answered Feb 20 '19 at 04:42

How about using endly as e2e integration, you could run a selenium test with the following command

endly -r=test

@test.yaml

defaults:
  target:
     URL: ssh://127.0.0.1/
     credentials: localhost
pipeline:
  init:
    action: selenium:start
    version: 3.4.0
    port: 8085
    sdk: jdk
    sdkVersion: 1.8
  test:
    action: selenium:run
    browser: firefox
    remoteSelenium:
      URL: http://127.0.0.1:8085
    commands:
      - get(http://localhost:5001/#/account/subscriptions)
      - (xpath:input[formcontrolname='email']).clear
      - (xpath:input[formcontrolname='email']).sendKeys(email);
      - (xpath:input[formcontrolname='password']).clear
      - (xpath:input[formcontrolname='password']).sendKeys(password);
      - (#submit).click
      - command: CurrentURL = CurrentURL()
        exit: $CurrentURL:/account/subscriptions/
        sleepTimeMs: 1000
        repeat: 10
expect:
  CurrentURL: account/subscriptions

How to write a simple e2e test?

2 Answers2