Как получить текст опции, присутствующей в теге <select>через Транспортир

Question

<select class="form-control m-b slctrLevel"
[(ngModel)] = "level.id"
name = "LevelId" >
    <optgroup class="slctrLevelLabel" label = "Levels" >
        <option value = "{{levelInfo.id}}" * ngFor="let levelInfo of levelInfo" >
    {{ levelInfo.title }}
    </option>
< /optgroup>
< /select>

Тестовый код транспортира

 let levelPoint = 100;
 let levels = element.all(by.className("slctrLevel")).first();
 levels.getText().then(value => {
 console.log("Gamification Level :" + value);
 expect(levelPoint).toBe(value);

 });

Снимок экрана пользовательского интерфейса

Когда я пытаюсь получить текст из тега выбора.Это дает целые параметры текста.Технически выбранный текст значения должен быть возвращен.Из-за чего ожидаемое условие не выполняется.

 - Expected '100' to be ' 100
                          200
                          300
                          400

Answer 1

Вы используете неправильный локатор, который найдет целое <select>, а не первый параметр <select>.

let levelPoint = 100;

let levels = element.all(by.css("select.slctrLevel option"));

levels.first().getText().then(value => {
    console.log("Gamification Level :" + value);
    expect(levelPoint).toBe(value);
});