Свободный интерфейс с транспортиром и машинописью - PullRequest
Новая
       6

Свободный интерфейс с транспортиром и машинописью

0 голосов
/ 06 июля 2018

Я готовлю проект, используя транспортир / машинопись / жасмин.В другом проекте мы используем Java с свободным интерфейсом.Я пытаюсь использовать его в этом новом проекте, но у меня есть проблема.Внизу ошибка, которую я получаю.Вот его структура 

-Core
--BasePage.ts
-pages
--LoginPage.ts -> extends LEPPage.ts
--HomePage.ts -> extends LEPPage.ts
--SearchPage.ts -> extends LEPPage.ts
-LEPPage.ts (this is the part of page which is always displayed on each page - top menu and footer) -> extends BasePage.ts 
-tests
--e2e
--smoke

Пример кода:

BasePage 

    export class BaseMeTimePage {
    protected BASE_URL : string = browser.baseUrl;
}

LEPPage 

export class LEPPage extends BaseMeTimePage {
    constructor() {
        super();
    }
    searchFor(value): SearchPage {
        new WaitFor().visibilityOf(searchIcon);
        searchInput.sendKeys(value)
        searchInput.sendKeys(protractor.Key.ENTER);
        return new SearchPage();
    }
     navigateToWishlist(): Wishlist {
        wishlist.click()
        return new WishlistPage();
    }

LoginPage 

export class LoginPage extends BaseMeTimePage {
public URL: string = this.BASE_URL + '/auth';
constructor() {
    super();
    browser.get(this.URL);
}
     login(email?: string, password?: string): HomePage {
            browser.get(browser.baseUrl);
            email = email || EMAIL;
            password = password || PASSWORD
            email = EMAIL;
            password = PASSWORD;
            usernameInput.sendKeys(email);
            passwordInput.sendKeys(password);
            loginBtn.click();
            new WaitFor().visibilityOf($('.lep-header'));
            return new HomePage();
        }

HomePage 

export class HomePage extends LEPPage {
    constructor() {
        super();
    }
}

SearchPage 

export class SearchPage extends LEPPage {
    constructor() {
        super();
    }
   clickFirstAddToWishlist() : SearchPage {
        wishListButton.click();
        return this;
    }

Пример теста: 

describe('SearchTest', function () {

    it('add to wishlist', function () {
        new LoginPage()
            .login()
            .searchFor('some item')
            .clickFirstAddToWishlist()
            .navigateToWishlist()
    });

После запуска теста я получаю ошибку: 

E/launcher - Error: TypeError: Object prototype may only be an Object or null: undefined
    at setPrototypeOf (<anonymous>)
    at __extends (/home/kamil/Projects/automatedmt/tmp/LearnerApp/pages/SearchPage.js:7:9)
    at /home/kamil/Projects/automatedmt/tmp/LearnerApp/pages/SearchPage.js:28:5
    at Object.<anonymous> (/home/kamil/Projects/automatedmt/tmp/LearnerApp/pages/SearchPage.js:152:2)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
[10:41:32] E/launcher - Process exited with error code 100

После добавления элемента в список желаний (форма SearchPage) я не могу перейти к списку пожеланий с помощью метода, который я расширяю из LEPPage (.navigateToWishlist ()). Я не знаю, как его решить, мне нужна Ваша помощь.Должен ли я передать какой-то драйвер между классами?Я пытался сделать это, но безрезультатно.

1 Ответ

0 голосов
/ 21 декабря 2018

Я обнаружил, что машинопись позволяет помечать метод класса возвращаемым параметром this.

Пример: 

class BasicCalculator {
    public constructor(protected value: number = 0) { }
    public currentValue(): number {
        return this.value;
    }
    public add(operand: number): this {
        this.value += operand;
        return this;
    }
    public multiply(operand: number): this {
        this.value *= operand;
        return this;
    }
    // ... other operations go here ...
}

let v = new BasicCalculator(2)
            .multiply(5)
            .add(1)
            .currentValue();

Тогда 

class ScientificCalculator extends BasicCalculator {
    public constructor(value = 0) {
        super(value);
    }
    public sin() {
        this.value = Math.sin(this.value);
        return this;
    }
    // ... other operations go here ...
}

let v = new ScientificCalculator(2)
        .multiply(5)
        .sin()
        .add(1)
        .currentValue();

См. https://www.typescriptlang.org/docs/handbook/advanced-types.html, Полиморфный этот тип

...