Как получить значение элемента по умолчанию, используя заполнитель в Protractor?

Question

Как получить текст по умолчанию, представленный внутри ввода в угловых значениях.

<input _ngcontent-c20="" 
autocomplete="off" type="text" disabled="true" 
placeholder="Username" class="ng-untouched ng-pristine ng-valid">

Значение по умолчанию, присутствующее внутри текстового поля, называется «abc».

Как получить это значение, используя getText(), дает пустое значение.

PS: Нам нужно проверить текст по умолчанию, присутствующий внутри этих входных данных.

Answer 1

Попробуйте следующее

ele = element(by.css('input[placeholder="Username"]'));

ele.getAttribute('value');  //This gets the input field value

Надеюсь, это поможет вам

Answer 2

Используя Javascript Executor, вы получите 'значение', которое является атрибутом по умолчанию для элементов ввода.

следующая функция вернет результат.

async function getAttributeValueWithJS(attributeName: string, element: ElementFinder) {
    await browser.executeScript(`return arguments[0].getAttribute('${attributeName}')`, element);
}

const el = element(by.css('input[placeholder="Username"]'));
const defValue = await getAttributeValueWithJS('value', el);

Answer 3

Вы можете получить его, используя это:

document.querySelector('[placeholder="placeholder name"]')

Попробуйте выполнить следующее:

HTML:

<p>Click the button to get the value using placeholder of the text field.</p>

<input _ngcontent-c20="" 
autocomplete="off" type="text" disabled="true" value="abc"
placeholder="Username" class="ng-untouched ng-pristine ng-valid">

<button onclick="getText()">Try it</button>

<script>
    function getText() {
        var usernameInputElement = document.querySelector('[placeholder="Username"]')
        console.log(usernameInputElement.value); // Current input value
    }
</script>

console.log(usernameInputElement.value) распечатает входное значение.