Существуют ли юнит-тесты для проверки html-кода?

Доброго дня, уважаемые гуру веба. подскажите, пожалуйста, есть ли какие-то аналоги юнит-тестирования для разметки сайта?

Зачем это нужно: чтобы проверить соблюдается ли бизнес-логика. допустим мне как заказчику нужно чтобы на странице было ровно шесть элементов article и это требование никакой валидатор не проверит. в других языках это автоматически проверяются юнит-тестами, а вот как для хтмл это реализуется непонятно

Как я понимаю валидатор для хтмл тоже, что компилятор для джавы, си и прочего. валидатор может проверить лишь соблюдение общих правил, но не бизнес-логику конкретного проекта.

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті

Теми: HTML, тестування

Ctrl + Enter

Andrii Hrachov Staff Software Engineer в Delivery Hero 03.12.2015 12:18

React + jsdom + mocha + chai
Рендерим компонент любого уровня(от страницы до модалки) в jsdom, проверяем что хотим.
scryRenderedDOMComponentsWithTag например, проверяем length
facebook.github.io/...eact/docs/test-utils.html

Відповісти

Підтримати

Denys Ievstratenko Senior Java Developer 04.12.2015 04:48

mocha + chai

фу какая гадость

Andrii Hrachov

Andrii Hrachov Staff Software Engineer в Delivery Hero 04.12.2015 11:03

лол :)

Denys Ievstratenko

Serhii Cherepanov ... 02.12.2015 17:13

Подойдут любые js юнит тесты, у вас же просто работа с DOM объектами. А для пиксель перфеката можете заюзать gemini.

Eugene Varava PHP/Python Developer 02.12.2015 12:29

если правильно понял, вам нужно по XPath проверять наличие элементов, при необходимости — считать количество и т.д.
Написать тест можно на js или любом другом языке.

anonymous 02.12.2015 12:35

Можно и JQuery, для простых случаев. Точнее, для простых случаев нужно использовать CSS-селекторы, по-возможности (не важно, JQuery или что-то другое). А вот использовать здесь просто так xpath count не вижу смысла.

Eugene Varava

anonymous 02.12.2015 12:23

Разве это не acceptance testing? Можно просто проверить с помощью mocha, chai и JQuery:

context("when user visits blog page", function() {
  it("should display exactly 6 articles", function() {
    visit('/blog');
    expect($('article').length).to.equal(6);
  });
});

Виталий Годзевич 02.12.2015 12:41

спасибо. интересный вариант

anonymous

Viacheslav Demeshko Senior PHP Developer в Svitla Systems 04.12.2015 09:05

Cucumber, Capybara, RSpec, PhantomJS и

acceptance testing

как сказали выше :)

Виталий Годзевич

Lt Columbo 02.12.2015 13:24

Очень напоминает RSpec.

anonymous 02.12.2015 13:27

Можно и RSpec)

Lt Columbo

Denys Slipetskyy Lead Software Engineer в EPAM 02.12.2015 14:29

или есть еще qunitjs.com ... например в Ember.js они по дефолту

anonymous 02.12.2015 15:01

Как-то вообще не очень мне QUnit. Привык к RSpec, поэтому выпилил qunit из ембер, и заменил на мокку.

Denys Slipetskyy

Denys Slipetskyy Lead Software Engineer в EPAM 02.12.2015 16:22

Это да, поэтому Mocha+Chai роднее если пользовался RSpec ... Просто один из вариантов — в эмбере он хорошо прикручен (хотя уже и там можно переключаться на Mocha)

Вообще все реализации xUnit для любых языков после RSpec вызывают печаль и тоску

anonymous 02.12.2015 17:02

Есть аддон ember-mocha, он даже генераторы свои прописывает. Нужно только вручную почистить зависимости и отрефакторить тесты (они довольно таки совместимы). Поэтому, qunit можно и нужно смело выпиливать в первую очередь)

Denys Slipetskyy Lead Software Engineer в EPAM 02.12.2015 17:13

github.com/...witchfly/ember-cli-mocha сейчас вроде даже позволяет руками ничего и не чистить ... с понедельника фронтенд начинаю на эмбере — посмотрю как прикрутится

anonymous 02.12.2015 17:16

Я ошибся, именно о ember-cli-mocha и говорил)

Существуют ли юнит-тесты для проверки html-кода?

17 коментарів

Підписатись на коментарі