Невозможно нажать на мат-флажок с помощью транспортира

Question

Я пытаюсь установить флажок, особенно без указания mat-checkbox, но безуспешно.

Не имеет значения, какой тип локатора я использую, результат:

"Не удалось: не найден элемент с помощью локатора: ....."

Остальные элементы страницы, которые я могу найти.
Я прикрепляю html и часть моего текста c. js

html:

<mat-checkbox _ngcontent-xmg-c24="" class="checkbox mat-checkbox mat-accent ng-untouched ng-pristine ng-invalid" formcontrolname="acceptTerms" id="mat-checkbox-1">
  <label class="mat-checkbox-layout" for="mat-checkbox-1-input">
    <div class="mat-checkbox-inner-container mat-checkbox-inner-container-no-side-margin">
      <input class="mat-checkbox-input cdk-visually-hidden" type="checkbox" id="mat-checkbox-1-input" tabindex="0" aria-checked="false">
      <div class="mat-checkbox-ripple mat-ripple" matripple="">
        <div class="mat-ripple-element mat-checkbox-persistent-ripple">
        </div>
      </div>
      <div class="mat-checkbox-frame">
      </div>
      <div class="mat-checkbox-background">
        <svg xml:space="preserve" class="mat-checkbox-checkmark" focusable="false" version="1.1" viewBox="0 0 24 24">
          <path class="mat-checkbox-checkmark-path" d="M4.1,12.7 9,17.6 20.3,6.3" fill="none" stroke="white"></path>
        </svg>
        <div class="mat-checkbox-mixedmark">
        </div>
      </div>
    </div>
    <span class="mat-checkbox-label">
      <span style="display:none">&nbsp;
      </span>
    </span>
  </label>
</mat-checkbox>

spe c. js

it('Registration', async function (){
    await homePage.clickRegistration();
    await registrationPage.fillEmailAddress(email);
    await registrationPage.fillPassword(password);
    await registrationPage.fillPassword2(password);
    let checkbox = element(by.css("input[formcontrolname=acceptTerms]"));
    expect(checkbox).toBeDefined();
    await browser.actions().mouseMove(checkbox).click().perform();
});

Answer 1

Вы должны попробовать

await checkbox.click();