Css список в стиле десятичной системы счисления, тестирование автоматизации нумерации

#html #css #selenium #ui-automation

#HTML #css #селен #пользовательский интерфейс-автоматизация

Вопрос:

У меня есть pproject, основанный на js и css. У меня ситуация, когда я создаю нумерованный список следующим образом

Кофе
Чай
Кола

И я добиваюсь этого с помощью

 <!DOCTYPE html>
<html>
<head>
<style>
ul.a {list-style-type: decimal;}
</style>
</head>
<body>

<h1>The list-style-type Property</h1>

<p>Example of unordered lists:</p>

<ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Cola</li>
</ul>

</body>
</html>

Все работает нормально. Но проблема сейчас в том, что, когда мы тестируем это с помощью автоматизации, мы хотим проверить, пронумерован ли список или нет. Но поскольку список является контроллером через css, он не отображается в DOM.

Есть ли какой-нибудь способ его протестировать. Пожалуйста, помогите

1. Какой-либо ответ решает вашу проблему? Если да, то, пожалуйста, примите ответ, нажав на галочку под подсчетом голосов при ответе. Так что это может быть полезно для других. Если нет, обновите свой вопрос с более подробной информацией или не стесняйтесь задавать вопросы в комментариях. Спасибо 🙂

Ответ №1:

то, чего вы пытаетесь достичь с помощью CSS, также можно сделать с помощью (как для списка заказов). таким образом, ваш скрипт автоматизации сможет проверить, что это список заказов, указав ссылку на тег HTML.

 <ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

Ответ №2:

Вы можете использовать getCssValue() метод в selenium для получения свойств css. В вашем случае попробуйте

 public boolean isListStyleTypeNumber() {

    return driver.findElement(By.cssSelector("ul.a")).getCssValue("list-style-type").equals("decimal") ? true : false;
}