Adding a user to a website involves entering an email address first, which is then checked against the server's list of users. However, the issue arises when the email validation doesn't occur until clicking outside the input box or pressing tab twice. This delay causes the other form fields like first name and last name to become read-only and invisible, hindering the completion of the form.
I attempted the following code snippets:
element.all(by.css("input[type$='text']")).first().sendKeys(protractor.Key.TAB);
browser.driver.sleep(3000);
//below is the first name element
element(by.xpath("(//input[@type='text'])[2]")).sendKeys("a First Name"); element.all(by.css("input[type$='text']")).first().sendKeys('<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="61000f040c00080d00050518210f04160c0013...
//similar attempts were made using different methods.
In addition, I tried accessing the elements based on their position in an array, wondering if 'input[type$='text']:nth-of-type(2)' refers to the second item on the list, such as the first name field.
The HTML of the page contains various input fields for editing user permissions.