NoSuchElementError: Невозможно найти элемент - веб-драйвер Selenium с использованием Javascript

Question

Итак, я знаю проблему из-за бесчисленных часов исследований.Единственная проблема заключается в том, что никто не основывает свой код так, как я, и / или не ясно, где и что вставить в мой код.Я знаю, что вам нужно сделать оператор try / catch и / или оператор wait.until.Я пробовал оба безуспешно, и был бы очень признателен за любую помощь.Заранее спасибо!

require('chromedriver');
const selenium = require("selenium-webdriver");
const By = selenium.By;
const until = selenium.until;

const driver = new selenium.Builder().forBrowser("chrome").build();

driver.get("https://qa.chaplinq.org/LinQ/Account/SignIn");

const locators = {
    loginForm: By.id("login-form"),
    loginField: By.css("input#UserName"),
    loginPass: By.css("#login-form input[name='Password']"),
    signIn: By.css("form#login-form > footer > button"),
    createAcc: By.css("a#createAccountBtn"),
    applyfirstName: By.css("input#FirstName"),
    applylastName: By.css("input#LastName"),

function createAcc() {
    driver.findElement(locators.createAcc).click();

};

function firstName(text) {
    driver.findElement(locators.applyfirstName).sendKeys(text);
};

createAcc();
firstName("kevin");

[ERROR] node : (node:1896) UnhandledPromiseRejectionWarning: 
NoSuchElementError: no such element: Unable to 
[ERROR] locate element: {"method":"css 
selector","selector":"input#FirstName"}
[ERROR] At line:1 char:1
[ERROR] + node index.js
[ERROR] + ~~~~~~~~~~~~~
[ERROR]     + CategoryInfo          : NotSpecified: ((node:1896) 
Unh...put#FirstName"}:String) [], RemoteExcepti 
[ERROR]    on
[ERROR]     + FullyQualifiedErrorId : NativeCommandError
[ERROR]  
[ERROR]   (Session info: chrome=69.0.3497.100)
[ERROR]   (Driver info: chromedriver=2.42.591088 
(7b2b2dca23cca0862f674758c9a3933e685c27d5),platform=Windows NT 
[ERROR] 10.0.17763 x86_64)
[ERROR]     at Object.checkLegacyResponse 
(C:\users\kevin.yu\node_modules\selenium-webdriver\lib\error.js:585:15)
[ERROR]     at parseHttpResponse (C:\users\kevin.yu\node_modules\selenium- 
webdriver\lib\http.js:533:13)
[ERROR]     at Executor.execute (C:\users\kevin.yu\node_modules\selenium- 
webdriver\lib\http.js:468:26)
[ERROR]     at process._tickCallback (internal/process/next_tick.js:68:7)
[ERROR] 
[ERROR] (node:1896) UnhandledPromiseRejectionWarning: Unhandled promise 
rejection. This error originated either 
[ERROR] by throwing inside of an async function without a catch block, or by 
rejecting a promise which was not 
[ERROR] handled with .catch(). (rejection id: 1)
[ERROR] 
[ERROR] (node:1896) [DEP0018] DeprecationWarning: Unhandled promise 
rejections are deprecated. In the future, 
[ERROR] promise rejections that are not handled will terminate the Node.js 
process with a non-zero exit code.
[ERROR] 

Answer 1

«NoSuchElementError» предполагает, что элемент отсутствует (пока) в документе HTML.Это может произойти, когда некоторые элементы появляются / исчезают динамически.Когда ваши сценарии Selenium работают быстрее, чем загружается элемент, элемент еще не виден, и эта ошибка будет выдана.

В вашем случае, элемент input#FirstName появляется только после нажатия input#FirstName?

Если это так, рассмотрите возможность добавления функции pause или wait между createAcc () и firstName ()

Answer 2

Веб-компоненты / элементы теневой DOM

Ошибка возникает при попытке найти элементы в теневых DOM (даже если они уже находятся на странице).

Селекторы /deep/ и ::shadow css устарели и были удалены до этого ответа и поэтому не являются опцией.

В этой статье (не моей) описывается обходной путь с использованием executeScript вДжава.

пример JavaScript;

Например.используя значения идентификатора, где у вас есть тег хост / веб-компонента на странице с идентификатором "hostId", и вы хотите, чтобы внутри него был элемент (который уже был визуализирован) с идентификатором "targetElementId";

async function getComponentElement(hostId,targetElementId){
    let host = await driver.findElement(By.id(hostId));
    let targetElement = await driver.executeScript(() => {            
            return arguments[0].shadowRoot.getElementById(arguments[1]);
        }
        ,host,targetElementId
    );    
    return targetElement ;
}

let element = await getComponentElement('hostId','targetElementId');

Answer 3

Вставьте закрывающую скобку, чтобы закрыть объект "локаторы" (синтаксическая ошибка)