Css десятичный тип списка, автоматическое тестирование нумерации - PullRequest
Новая
       8

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

0 голосов
/ 11 апреля 2019

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

  1. Кофе
  2. Чай
  3. Cola

И я достигаю этого через 

<!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.

Есть ли способ проверить это? Пожалуйста, помогите

Ответы [ 2 ]

0 голосов
/ 11 апреля 2019

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

public boolean isListStyleTypeNumber() {

    return driver.findElement(By.cssSelector("ul.a")).getCssValue("list-style-type").equals("decimal") ? true : false;
}
0 голосов
/ 11 апреля 2019

то, что вы пытаетесь достичь с помощью 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...