Сценарий: выберите цвет, введите другие данные и сохраните. когда я нажимаю на цвет элемента html (input type = color), он открывает панель выбора цвета, которая является окном pop_up.
<input type="color" class="form-control ng-pristine ng-valid ng-empty ng-touched" style="width: 70%;" ng-model="modalData[0].StrokeColor" placeholder="color" aria-invalid="false">
это элемент html для меня.
Значение по умолчанию для элемента равно null. Без выбора цвета я не могу сохранить эту форму. Я попытался использовать команду js для установки значения для элемента.
document.getElementsByClassName('form-control ng-valid ng-touched ng-not-empty ng-dirty ng-valid-parse')[0].setAttribute('value', '#32CD32')
это изменяет значение для цвета, но не влияет ни на пользовательский интерфейс, ни на сохранение.
как я могу справиться с этим, я плохо разбираюсь в скрипте. любая помощь. Благодарю.
Попробуйте ниже код
JavascriptExecutor js = (JavascriptExecutor) w;
WebElement ColorElement =w.findElement(By.cssSelector("input[type='color']"));
js.executeScript("arguments[0].setAttribute('value', '#FF0000')",ColorElement);