Селектор для iframe не найден

[IgorSavinov]

цОшибка клика по кнопке на форме подтверждения подписи.

Коллеги, пишу на Cypress функциональный тест формы для покупки номера с подтверждением электронной подписи на стороннем сервисе DocuSing.
Проблема в 69 строке:

cy.get('.content-wrapper > iframe').its('0.contentDocument.body')
    .should('not.be.empty')
    .find('[data-qa="action-bar-btn-continue"]').click();

Ожидаю, что Cypress выполнит клик по кнопке.
Однако, в ходе выполнения получаю ошибку 😞 в Cypress:

_Timed out retrying after 20000ms: cy.its() errored because the property: 0.contentDocument.body does not exist on your subject.

cy.its() waited for the specified property 0.contentDocument.body to exist, but it never did.

If you do not expect the property 0.contentDocument.body to exist, then add an assertion such as:

cy.wrap({ foo: 'bar' }).its('quux').should('not.exist')Learn more_

Подскажите, в чем причина? Заранее благодарю 🙏

Полный код:

import {
  faker
}
from "@faker-js/faker"
describe("DDL_LNP_Toll_Free", () => {
  beforeEach(() => {
    cy.viewport(1920, 1080)
    Cypress.on(
      "uncaught:exception", (
        err, runnable) => {
        return false
      })
  })
  it('DDL_LNP_Toll_Free test',
    () => {
      //login test user 
      cy.visit(
        'https://ng.unitedline.net'
      );
      cy.get('a').contains(
        "Login").click();
      cy.wait(2000);
      cy.get('input[id="email"')
        .type(
          "557c7cfc79008@boxmail.lol"
        );
      cy.get(
          'input[id="password"')
        .type("simplepass");
      cy.get(
          'input[value="Sign in"')
        .click();
      cy.get('a').contains("LNP")
        .click();
      //step 1
      cy.wait(5000);
      cy.get('div').contains(
        "Select").click();
      cy.get('span').contains(
        "US").click();
      cy.get('a').contains(
        "I AGREE").click();
      //step 2
      cy.get(
          'label[for="tollfree"')
        .click();
      //random numbers for tool_free
      const number = faker.phone
        .number("1800#######");
      cy.get(
          'textarea[id="numbers"')
        .type(number);
      cy.get('span').contains(
        "VALIDATE").click();
      cy.wait(2000);
      cy.get('a').contains("Next")
        .click();
      //step 3
      cy.get('input[id="f-name"')
        .type("David");
      cy.get('input[id="l-name"')
        .type("Becham");
      cy.get('input[id="state"')
        .type("California");
      cy.get(
        'input[id="postal-code"'
      ).type("101000");
      cy.get('input[id="city"')
        .type("Boston");
      cy.get('input[id="street"')
        .type("Moon");
      cy.get(
        'input[id="street-address"'
      ).type("23");
      cy.get('input[id="btn"')
        .type("89900042419");
      cy.get(
          'input[id="account-no"')
        .type("23");
      cy.get(
        'input[id="company-name"'
      ).type("Space star");
      cy.get(
        '#lnp-wizzard-root > div > section > div.fields > div.col.col2 > div.fieldset.port-date > div.field.calendar-field > div > a > i'
      ).click();
      cy.get(
        '#datepicker_div_0 > div.datepicker_links > div.datepicker_next > a'
      ).click();
      cy.get(
        '#datepicker_div_0 > div.datepicker_oneMonth.datepicker_newRow > table > tbody > tr:nth-child(2) > td:nth-child(4) > a'
      ).click();
      cy.get('a').contains("Next")
        .click();
      //step 4
      cy.get('input[id="name"')
        .type("Star connect");
      cy.get('input[id="contact"')
        .type("David Becham");
      cy.get('input[id="phone"')
        .type("+1 03233332244");
      cy.get('input[id="email"')
        .type(
          "557c7cfc79008@boxmail.lol"
        );
      //step 5
      cy.wait(5000);
      cy.get('a').contains("Next")
        .click();
      //step 6
      cy.get('a').contains(
        "Finish").click();
      //  Needs Attention
      cy.get('a').contains(
          "Needs Attention")
        .click();
      cy.wait(1000);
      //docu sing
      cy.reload();
      cy.get(
          '.content-wrapper > iframe'
        ).its(
          '0.contentDocument.body'
        )
        .should('not.be.empty')
        .find(
          '[data-qa="action-bar-btn-continue"]'
        ).click();
      cy.get(
          '.content-wrapper > iframe'
        ).its(
          '0.contentDocument.body'
        )
        .should('not.be.empty')
        .find(
          '[id="action-bar-btn-finish"]'
        ).click();
      cy.get(
          '.content-wrapper > iframe'
        ).its(
          '0.contentDocument.body'
        )
        .should('not.be.empty')
        .find(
          '[class="sign-arrow"]')
        .click();
      cy.get(
          '.content-wrapper > iframe'
        ).its(
          '0.contentDocument.body'
        )
        .should('not.be.empty')
        .find(
          '[id="action-bar-btn-finish"]'
        ).click();
      cy.reload();
      cy.get('a').contains("LNP")
        .click();
      //     //LNP    Pending porting requests
      cy.get('a').contains(
        "Pending porting requests"
      ).click();
      cy.get(
          'body > div.main-container > div.content.lnp.lnp-requests > div > div > table > tbody > tr:nth-child(1) > td:nth-child(4)'
        )
        .then((value) => {
          let
            MyDateStringBefor =
            value.text();
          cy.log(
            MyDateStringBefor);
          cy.get("#query_did")
            .type(
              MyDateStringBefor
            );
          var MyDate =
            new Date();
          var MyDateString;
          MyDateString = ('0' +
              (MyDate
                .getMonth() + 1)
            )
            .slice(-2) + '/' +
            ('0' + MyDate
              .getDate()).slice(
              -2) + '/' +
            MyDate.getFullYear()
            .toString().slice(-
              2);
          cy.get(
              '#query_order_id')
            .type(MyDateString);
          let
            MyDateStringAfter =
            MyDateString;
          cy.expect(
              MyDateStringBefor)
            .to.eq(
              MyDateStringAfter
            );
          cy.get(
            "tbody > :nth-child(1) > :nth-child(8) > a"
          ).click();
          //expected number
          cy.get(
              'body > div.main-container > div.content.lnp.pending-request > div > div > div > div:nth-child(9) > ul > li:nth-child(2) > div.value > table > tbody > tr > td'
            )
            .then((value) => {
              let
                randNumberToolFreeAfter =
                value.text();
              let
                randNumberToolFreeBefore =
                String(
                  randNumberToolFreeAfter
                  .substring(
                    4));
              let numbers =
                String(number
                  .substring(
                    4));
              cy.expect(
                randNumberToolFreeBefore
              ).to.eq(
                numbers);
            })
        })
    })
})

Screen.Recording.2023-05-25.at.12.42.30.iphone.mp4

[Vladimir-Tarasov]

@IgorSavinov пожалуйста оформи вопрос как в образце #11.
В таком виде довольно трудно разбираться в коде.
Так же хотелось бы увидеть полный текст ошибки.

[breslavsky]

@IgorSavinov пожалуйста

• оформите вопрос как в примере
• прикрепите описание текст-кейса с шагами как в примере

[breslavsky]

В какой конкретно строке тест валится?

• Пожалуйста, закрепите видео экрана прогона теста.
• Отформатируйте код теста используя https://beautifier.io/ и обновите в описании.

[breslavsky]

Откуда тогда вы взяли этот селектор?

[IgorSavinov]

отсюда наверно. просто в поиске не находит

[breslavsky]

Перед использованием селекторов в коде их нужно тестировать в браузере.
Подробно об этом написано в туториале https://www.epic1h.com/best_selectors

[IgorSavinov]

Антон, ты меня не слышишь, эти селекторы и код в целом работает, но в другой ветке. как только я код переношу, он перестает работать.

[breslavsky]

Это не описание проблемы. С такой формулировкой тебе никто не сможет помочь.

Твоя проблема, что селектор не найден.

Покажи, что элемент найден или найди другой селектор для iframe

Протестируй селектор отдельно вне Cypress:

$$('.content-wrapper > iframe')