Как напечатать список элементов на консоль с транспортиром

Question

Я новичок в переполнении стека.В моем приложении я должен создать группу и проверить, создана группа или нет, выполняя поиск группы в списке.Если группа находится в списке, я должен открыть окно чата этой группы.Весь этот сценарий должен быть автоматизирован с помощью транспортира.Я новичок в транспортире, поэтому не могли бы вы дать объяснение с ответом

1. Попытка перебрать имена групп, чтобы проверить, если они созданы.
2. Попробовал просто печатать имена групп в консоли,но все еще безуспешно.

Попытка в транспортире напечатать текст группы:

this.getElements = function(){
  element.all(by.css('some text')).getText().then(function(text){
      console.log(text);
  });
};

Фрагмент HTML:

<ul class="list-unstyled users-list components">
      <!----><q4s-spinner _nghost-c4=""><div _ngcontent-c4="" class="spinner" hidden=""></div>
</q4s-spinner>
      <!----><div class="user-profile-container">
        <!---->
        <!----><div class="row each-user">
          <div class="user-profile-picture">
            <!---->
            <!----><div>
              <!----><img class="img-fluid user-picture" src="http://13.126.104.174/static/6286/BMP.jpeg">
              <!---->
              
            </div>

            <!---->
          </div>
          <div class="user-profile-details">
            <div class="row">
              <p class="group-name-text">myGrpW</p>
              <!----><span>
                <!---->
              </span>
            </div>
            <!----><p class="group-details-text"></p>
            <!---->
            <p class="group-members-text">2 Members</p>
            <!----><span>
              <!----><p class="admin-text"> Admin </p>
              <!---->
            </span>
          </div>


          <!----><div class="more-action-image-position">
            <div>
              <img class="img-fluid more-icon" placement="left" src="assets/images/more-icon.svg">
              <!---->
            </div>
          </div>

          <!---->
        </div>
      </div><div class="user-profile-container">
        <!---->
        <!----><div class="row each-user">
          <div class="user-profile-picture">
            <!---->
            <!----><div>
              <!----><img class="img-fluid user-picture" src="http://13.126.104.174/static/6286/BMP.jpeg">
              <!---->
              
            </div>

            <!---->
          </div>
          <div class="user-profile-details">
            <div class="row">
              <p class="group-name-text">newWWW</p>
              <!----><span>
                <!---->
              </span>
            </div>
            <!----><p class="group-details-text"></p>
            <!---->
            <p class="group-members-text">3 Members</p>
            <!----><span>
              <!----><p class="admin-text"> Admin </p>
              <!---->
            </span>
          </div>


          <!----><div class="more-action-image-position">
            <div>
              <img class="img-fluid more-icon" placement="left" src="assets/images/more-icon.svg">
              <!---->
            </div>
          </div>

          <!---->
        </div>
      </div><div class="user-profile-container">
        <!---->
        <!----><div class="row each-user">
          <div class="user-profile-picture">
            <!---->
            <!----><div>
              <!----><img class="img-fluid user-picture" src="http://13.126.104.174/static/6286/BMP.jpeg">
              <!---->
              
            </div>

            <!---->
          </div>
          <div class="user-profile-details">
            <div class="row">
              <p class="group-name-text">AutoWa</p>
              <!----><span>
                <!---->
              </span>
            </div>
            <!----><p class="group-details-text"></p>
            <!---->
            <p class="group-members-text">3 Members</p>
            <!----><span>
              <!----><p class="admin-text"> Admin </p>
              <!---->
            </span>
          </div>


          <!----><div class="more-action-image-position">
            <div>
              <img class="img-fluid more-icon" placement="left" src="assets/images/more-icon.svg">
              <!---->
            </div>
          </div>

          <!---->
        </div>
      </div><div class="user-profile-container">
        <!---->
        <!----><div class="row each-user">
          <div class="user-profile-picture">
            <!---->
            <!----><div>
              <!----><img class="img-fluid user-picture" src="http://13.126.104.174/static/6286/BMP.jpeg">
              <!---->
              
            </div>

            <!---->
          </div>

Answer 1

var totalList_grps = element.all(by.css('p.group-name-text'));

    totalList_grps.getText().then(function(text){
        console.log('Total list of joined groups : ' + text);
      });   

Извините, нет проблем в css, нужно небольшое изменение, я пробовал приведенный выше код, он отлично работает для меня

Answer 2

Если вы пытаетесь проверить текст в элементе, вам нужно использовать и expect.

expect(element.all(by.css('some-text').getText()).toContain('expected text');

Вам также необходимо убедиться, что вы используете CSS селекторы .Чтобы получить имя группы из вашего примера html, вы можете использовать p.group-name-text.Весь ожидаемый результат будет выглядеть так:

expect(element.all(by.css('p.group-name-text').getText().toContain('MyGrpW');

Если вы только пытаетесь напечатать текст на консоль, ваш код будет выглядеть так:

element.all(by.css('p.group-name-text').getText()).then(function(text){
  console.log(text);
});