получить внутренний текст пользователя и пароль, используя угловой протектор

Question

Я очень новичок в тесте углового транспортира. Я создал небольшой автоматический тест для получения имени пользователя и пароля. В классе HTML я создал идентификатор, чтобы легко идентифицировать приписанный из тестового класса. Следовательно, имя пользователя и пароль генерируются из класса модели для examaple credentials.login для имени пользователя и credentials.password для пароля. Я хотел бы получить имя пользователя демо и пароль демо для прохождения теста. Но я не получаю значение из этого кода.

Вот мой код

HTML класс

<mat-form-field>
    <input id="t-username" matInput [(ngModel)]="credentials.login" name="login" placeholder="{{ 'username'}}">
</mat-form-field>
<mat-form-field class="md-block">
    <input id="t-password" matInput type="password" [(ngModel)]="credentials.password" name="password" placeholder="{{ 'password'}}" maxlength="100">
</mat-form-field>

и мой класс тестирования протекторов

it('Login failed', async () => {
    //1.
    var usernameField = await element(by.id('t-username'));
    usernameField.sendKeys('demo');
    //await expect(usernameField.getAttribute('value')).toBe("demo");

    //2.
    var passwordField = element(by.id('t-password'));
    passwordField.sendKeys("demo");
    //await expect(passwordField.getAttribute('#t-password')).toBe('demo');
});

Answer 1

Некоторые проблемы в вашем коде, попробуйте ниже одного:

it('Login failed', async () => {
    //1.
    var usernameField = element(by.id('t-username'));
    await usernameField.sendKeys('demo');
    await expect(usernameField.getAttribute('value')).toBe("demo");

    //2.
    var passwordField = element(by.id('t-password'));
    await passwordField.sendKeys("demo");
    await expect(passwordField.getAttribute('value')).toBe('demo');
});

// disable protractor control flow in conf.js
// protractor conf.js
exports.config = {
   ....
   SELENIUM_PROMISE_MANAGER: false, // it's very important if you use async/wait
}