Я пишу кипарисовый тест для формы, которая находится внутри тени root, поэтому пришлось использовать querySelector, чтобы ввести текст или щелкнуть переключатель. Тем не менее, моя текущая проблема заключается в следующем:
doc.querySelector('input[name="fieldOne"]').value = "one"
doc.querySelector('input[name="radioOne"][value="yes"]').click()
doc.querySelector('input[name="fieldTwo"]').value = "two"
1-я проблема: Когда запускается 2-я строка и нажимается переключатель «Да», отображается второе текстовое поле (fieldTwo). Однако при выполнении 3-й строки происходит сбой, потому что он не видит это поле сразу и выдает нулевую ошибку.
2-я проблема: Когда 2-я строка выполняется, каким-то образом текст в первом поле (fieldOne) ) очищается и возвращается к значению по умолчанию $ 0.
Так что я не уверен, что не так, и что я могу сделать, чтобы все это сработало.
<div class="styled-div div-546as9r4 ">
<label class="styled-label label-ef8ac1a7 ">
<p>First Field? <svg fill="currentcolor" width="24" height="24" viewBox="0 0 24 24" class="styled-svg svg- tt65534r styled- -0 undefined"></svg></p>
<input name="fieldOne"></label>
<p>yes or no?</p>
<div class="styled-div div-546as9r4 undefined">
<label class="styled-label label-65676hf6466 styled- -0 undefined">
<span class="RadioSpot">
<input class="RadioIndicator" type="radio" name="yesOrNo" value="yes"></span>
<span class="Label">Yes</span></label>
<label class="styled-label label-65676hf6466 styled- -0 undefined">
<span class="RadioSpot">
<input class="RadioIndicator" type="radio" name="yesOrNo" " value="no"></span>
<span class="Label">No</span></label></div></div>
<label class="styled-label label-ui9gdfs3rs ">
<p>Second Field)? <svg fill="currentcolor" width="24" height="24" viewBox="0 0 24 24" class="styled-svg svg-tt65534r styled- -0 undefined">svg></p>
<input name="secondField"></label>