Какие знания HTML необходимы для тестирования веб-приложений?

«Какие знания HTML необходимы для тестирования веб-приложений?» — вопрос из категории Веб-тестирование, который задают на 10% собеседований QA Тестировщик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Для эффективного тестирования веб-приложений необходимы практические знания HTML, позволяющие:

  • Анализировать структуру DOM для понимания иерархии элементов.
  • Находить элементы с помощью селекторов (id, class, name, XPath, CSS).
  • Проверять атрибуты и свойства элементов (required, disabled, value).
  • Валидировать вёрстку и базовую семантику.

Почему это важно? Эти навыки критичны для составления корректных локаторов в автотестах, анализа причин дефектов и ручной проверки фронтенд-логики.

Примеры использования в тестировании:

  1. Проверка наличия элемента:

    <!-- Тестировщик проверяет, что кнопка отправки формы существует и активна -->
    <button id="submit-btn" class="btn-primary" type="submit">Submit</button>
  2. Создание тестовой страницы для воспроизведения бага:

    <!DOCTYPE html>
    <html>
    <body>
      <form id="test-form">
        <input type="email" id="email" required placeholder="Enter email">
        <input type="password" id="pwd" minlength="8">
        <button type="submit">Login</button>
      </form>
    </body>
    </html>