Блог

 <div class="MuiGrid-root jss48321 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3 MuiGrid-grid-md-3 MuiGrid-grid-lg-3 MuiGrid-grid-xl-3">
<h4 class="MuiTypography-root jss48324 MuiTypography-h4">Decks</h4>
<button class="MuiButtonBase-root MuiFab-root jss48323 MuiFab-sizeSmall MuiFab-primary" tabindex="0" type="button" aria-label="add" title="Add">
<span class="MuiFab-label">
<svg class="MuiSvgIcon-root" focusable="false" viewBox="0 0 24 24" aria-hidden="true">
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
</svg>
</span>
<span class="MuiTouchRipple-root"></span>
</button></div>
 

Поскольку это приложение react js, я добавил

 browser.waitForAngularEnabled(false); 
 

Здесь я хотел нажать на значок добавления ( )

Мой тестовый скрипт. элемент(by.css(‘svg[class=»MuiSvgIcon-root»]’)).click();

Вывод: сбой: элемент не найден с помощью локатора: By(css selector, svg[class="MuiSvgIcon-root"])

Может кто-нибудь, пожалуйста, помочь мне в решении этой проблемы.

попробуйте это

 it('test case', async () => {
  let plusIcon = element(by.css('svg[class="MuiSvgIcon-root"]'))
  await browser.waitForAngularEnabled(false); 
  // your steps prior to click
  await browser.wait(
    ExpectedConditions.presenseOf(plusIcon),
    15000
  );
  await plusIcon.click();
});
 

Предполагая, что ваше приложение не использует iFrame.

пожалуйста, попробуйте следующий код:

 onPrepare: function() {
browser.manage().window().setSize(1920, 1080);
}


describe('Click plusIcon', () => {
it('Click PlusIcon', async () => {
let plusIcon = element(by.css('svg[class="MuiSvgIcon-root"]'))
const EC = protractor.ExpectedConditions;
var a = await browser.wait(EC.visibilityOf(plusIcon), 90000);
console.log("the value of a is:", a);
await plusIcon.click();
 });
});
 

давайте найдем актуальную проблему здесь.

Сначала давайте выведем значение a .

если a имеет значение true, то отображается plusIcon . И, если вы получаете сообщение об ошибке из-за того, что не нажимаете кнопку, вам нужно либо развернуть браузер, либо перейти к кнопке.

если a равно false, то plusIcon еще не виден. Либо нам нужно подождать еще некоторое дополнительное время.