№1 Жасмин - основы тестирования

  1. Как начать работать с Жасмин?
  2. Пример использования жасмина
  3. Мы проводим тесты
  4. Жасмин - основы тестирования. Как выглядит тест?
  5. суммирование

В предыдущем запись о тестировании кода JavaScript Я представил три самых популярных фреймворка для этой цели - QUnit , кофе мокко и жасмин , Я также очень кратко написал о том, что такое тестирование JavaScript . Однако я думаю, что этого недостаточно ... Поэтому я решил немного изучить эту тему в блоге, чтобы мы все могли узнать что-то новое;) Субъективно , я выбрал Жасмин для семинара. Мне нравится синтаксис написания тестов в Jasmine и тот факт, что он подходит для тестирования как кода, работающего в веб-браузере, так и на сервере, используя NodeJS , Именно поэтому сегодня я представляю запись «Жасмин - основы тестирования». Я буду расширять в нем некоторую информацию, которую я сделал доступным в предыдущем посте. Мы узнаем, прежде всего, как начать - где скачать и как установить соответствующие файлы и как написать первый тест. Добро пожаловать!

Как начать работать с Жасмин?

Для начала давайте выясним, как вообще начать работать с Жасмин . Если мы зайдем на домашнюю страницу Jasmine, мы увидим ссылки на документацию фреймворка в версиях 1.3 и 2.0 . Я буду обсуждать эту более новую версию. Хорошо, давайте начнем - для начала, Жасмин должна быть загружена и как-то интегрирована с проектом. Все, что вам нужно, есть на GitHub , в разделе релизы проекта ,

После загрузки последней версии «standalone» и ее распаковки мы увидим несколько файлов и каталогов. Их структура более или менее похожа на картинку ниже:

Их структура более или менее похожа на картинку ниже:

Каталог lib содержит все файлы * .js в платформе Jasmine , каталог примеров содержит примеры тестов, а каталог src содержит пример кода для тестирования. Важным является файл SpecRunner.html, который используется для запуска тестов и представления результатов.

Пример использования жасмина

Я думаю, что будет лучше, если мы посмотрим на последний файл - думаю, он может объяснить, как использовать Jasmine в ваших проектах:

<! DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title> Jasmine Spec Runner v2.4.1 </ title> <link rel = "значок ярлыка" type = "image / png" href = "lib / jasmine-2.4.1 / jasmine_favicon.png"> <link rel = "stylesheet" href = "lib / jasmine-2.4.1 / jasmine.css"> <script src = "lib / jasmine-2.4.1 /jasmine.js "> </ script> <script src =" lib / jasmine-2.4.1 / jasmine-html.js "> </ script> <script src =" lib / jasmine-2.4.1 / boot.js "> </ script> <! - включить сюда исходные файлы ... -> <script src =" src / Player.js "> </ script> <script src =" src / Song.js "> </ script> <! - включить сюда файлы спецификаций ... -> <script src = "spec / SpecHelper.js"> </ script> <script src = "spec / PlayerSpec.js"> </ script> </ head> <body> </ body> </ html>

Как видите, этот файл имеет в основном только раздел <head>. Давайте поговорим о том, что в нем. Я думаю, что первые два тега (<meta> и <title>) описывать не нужно ... Далее следует объявление изображения и стиля CSS - они необходимы для представления результатов.

Далее мы видим, что у нас есть три объявления скрипта JavaScript - это файлы самой платформы Jasmine , необходимые для «запуска» тестов.

Следующие два JavaScript-скрипта, объявленные в разделе <head>, содержат код, который мы тестируем . Конечно, они не обязательно должны находиться в одном каталоге - поэтому мы можем организовать нашу собственную тестовую среду. Однако они должны быть прикреплены здесь, чтобы тесты «видели» код, который они тестируют.

Наконец, у нас есть декларация наших тестов. Индивидуальные тесты называются «спецификации» в Жасмин .

Мы проводим тесты

Хорошо, теперь я запустите вышеуказанный файл в моем браузере. Вот результат:

Это выглядит довольно эстетично;) Вы, возможно, заметили, что все выглядит как следующие предложения , как если бы они были сформулированы человеком - это с помощью «беглой» записи. Мы узнаем ее позже.

На картинке выше, вы можете видеть, что было сделано 5 «спецификаций». Отдельные «спецификации» соответствуют предложениям, отображаемым зеленым цветом (?? - в любом случае # 007069) - вы видите отступ? Да, «спецификации» могут быть вложенными ... Также позже (или в следующей записи).

Жасмин - основы тестирования. Как выглядит тест?

Любознательные, вероятно, уже изучили файлы JavaScript, содержащие «спецификации». Однако пока я их отпущу, потому что они немного сложнее, а сегодняшняя статья - всего лишь введение в тестирование с помощью Jasmine. Мы вернемся к более сложным случаям в следующих (ch) записях.

Вот самый базовый пример теста ("spec") прямо из страницы документации проекта :

description ('Набор', function () {it ('содержит спецификацию с ожиданием', function () {Ожидаем (true). toBe (true);});});

Хорошо, теперь быстрое объяснение того, что происходит. В первой строке мы говорим, что мы хотим протестировать (т.е. « набор »), и мы делаем это в функции обратного вызова, которая является вторым параметром функции description. Затем мы говорим, что мы ожидаем (и, следовательно, « содержит спецификации с ожиданием »). Только функция обратного вызова, которая является вторым параметром функции it, на самом деле является реальным тестом, поскольку содержит утверждение.

Результат такого теста будет выглядеть следующим образом:

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

суммирование

Вот и все на сегодня. Тем не менее, это не конец записей на Жасмин! Я собираюсь глубоко углубиться в эту тему и дать вам информацию, которую я получил в виде другой записи ... Поэтому я приглашаю вас;)

PS Эта запись является частью мини-сериала о тестировании Жасмин. Ниже все части этой серии:

Похожие

Бесплатные сайты - узнайте, как пользоваться
Опубликовано: 2015-05-28 в категории Советы по веб-сервису Более интересные шаблоны сайтов можно найти в сети. Кроме того, некоторые из них абсолютно бесплатны для любого использования. На этот раз у нас есть бесплатный, полностью адаптивный шаблон сайта для Wordpress. Предложенная тема для Wordpress, как упоминалось
Как выбрать идеальную серую краску
Огромное спасибо Behr за поставку краски для этого проекта. Как всегда, мое мнение на 100% честно и мое. Я мог бы озаглавить этот пост 50 оттенков серого, но ... лучше нет. По понятным причинам. Мы пыхтели прямо на макияж игровой комнаты поезд. В последний раз, когда я давал вам обновление, у нас
Как подготовить SSD для установки Windows?
Твердотельные диски предлагают гораздо большую производительность, чем традиционные жесткие диски. Стоит купить еще меньший SSD-диск и полностью выделить его для системы. Что стоит помнить, когда мы выбираем такой шаг? На самом деле установка Windows в любой версии
Гид: как выбрать мебель для спальни?
Спальня находится рядом с гостиной, одна из самых важных комнат в нашей квартире. Поэтому мы должны уделять много внимания его устройству. Следует обеспечить, чтобы климат там благоприятствовал отдыху и ассоциировался с ленивой атмосферой и утрам без спешки. Если мы хотим, чтобы спальня была местом, подходящим для отдыха, следует позаботиться о том, чтобы здесь была удобная кровать , стол или тумбочка
Как организовать прием в парикмахерской?
... как выбрать? Проблема, которая должна быть решена в первую очередь, - это мебель для приемных , в частности, счетчик. Этот элемент является одним из первых, которые можно наблюдать после того, как порог был преодолен. Чрезвычайно важно, чтобы он носил представительный характер. Хорошо выбрать модель, которая обеспечит комфорт приема персонала. Позитивное влияние на интерьер оказывают декоративные акценты, такие как, например, декоративное освещение, цветы
Как вы проверяете владельца банковского счета?
03.04.2009 | 7 мин чтение Иногда вам необходимо проверить владельца банковского счета. Если вы совершаете крупный перевод или покупаете что-то в неизвестном вам магазине, лучше все подтвердить перед отправкой денег. Посмотрите, как подтвердить свой банковский счет. Вы не знаете, как проверить владельца
Отпуск за копейки - как искать лучшие предложения?
Действительно дешевый отпуск за пределами страны (желательно в экзотическом месте) рассматривается многими поляками как нечто, что не может быть реализовано на практике, хотя правда в том, что с небольшим самоотречением, последствиями и использованием приведенных ниже советов о том, как найти хорошие предложения у нас не должно быть никаких серьезных проблем с осуществлением поездки нашей мечты при гораздо меньших затратах, чем это может показаться на первый взгляд.
Как избежать атак на вашу виртуальную личность
Именно из-за популярности и глубину проникновения в нашу жизнь злоумышленники все больше и больше обращают внимание на то, как и о чем мы общаемся в соцсетях. 1. Выбор социальной сети. При регистрации в новой социальной сети прочитайте ее политику конфиденциальности внимательнее, а не просто ставьте галочку «я согласен (на)». Практически все соцсети могут собирать персональные данные о вас, о сайтах, которые вы посещаете, о ваших интересах и предпочтениях. Основная цель
Стена как пол. Доски и стеновые панели
фото: Parkiety24 Самые дальновидные решения являются как оригинальными, так и универсальными. Поэтому стены, отделанные напольным материалом, являются гармоничным дополнением интерьеров, не только современных, но и традиционных. Вездесущая древесина, в конце концов, является неотъемлемым элементом деревенского,
Как отключить автоматическое обновление в Ubuntu
... как это сделать. Перво-наперво: отключать автоматическую проверку обновлений не рекомендуется. Но могут быть причины, по которым вы хотите или должны контролировать процесс вручную. Вы можете намеренно удерживать новую версию критически важного пакета или приложения; возможно, вы пропускаете более новый выпуск ядра или обновление драйвера. Возможно, вы пытаетесь сэкономить пропускную способность через
Как увеличить продажи на 300%? [ОБУЧЕНИЕ]
Цель деятельности: Клиент специализируется на продаже предметов интерьера и отделки. Мы начали сотрудничество с ним в июне 2014 года в рамках нашего предложения по формуле КОП. На тот момент домен существовал 1,5 года. Целью деятельности EACTIVE было увеличение трафика и увеличение продаж в интернет-магазине клиента. SEO деятельность Сначала были проведены предварительные анализы для планирования дальнейшего сотрудничества с клиентом. В качестве первого

Комментарии

Как вы думаете, мы сделали правильный выбор цвета?
Как вы думаете, мы сделали правильный выбор цвета? У вас есть какие-нибудь советы по выбору цвета, которые вы открыли? Или у вас есть любимый серый цвет краски, который вам нравится? Поделись прочь! Я не могу дождаться, чтобы показать вам больше прогресса в игровой комнате в четверг на этой неделе для очередного обновления One Room Challenge! Но сейчас вы можете увидеть наш прогресс в реальном времени на моем Истории из Instagram
Как выглядит ваш контейнер для кистей?
Как выглядит ваш контейнер для кистей? Щетки контейнер с пластиковой бутылкой 5 (100%) 11 голосов
Как выглядит обновление карты в традиционной навигации?
Как выглядит обновление карты в традиционной навигации? Обычно обновление не было бесплатным, и, как правило, веб-сайты удаляли деньги за такое обновление. И известно, что никто не хочет время от времени нести дополнительные расходы, чтобы быть уверенным, что навигация не приведет их в поле. Но, наконец, с появлением навигации на смартфоне традиционная навигация также предлагает решения без дополнительной платы. Производители GPS предлагают неограниченные обновления карт, которые
Что это такое и как мы можем сопоставить его с вашими потребностями?
Что это такое и как мы можем сопоставить его с вашими потребностями? Виртуальный сервер - что это? В случае выделенных серверов, после покупки услуги у вас есть эксклюзивный доступ к одному из компьютеров в центре обработки данных, которые постоянно подключены к Интернету. Однако когда мы говорим о виртуальном сервере, мы имеем в виду отдельную часть выделенного сервера, поскольку серверы VPS создаются путем разделения выделенного сервера на более мелкие части с помощью
В следующем посте я решил больше разобраться с мифом, как долго длится проект дизайна интерьера и почему так долго?
В следующем посте я решил больше разобраться с мифом, как долго длится проект дизайна интерьера и почему так долго? И в основном почему ДОЛЖЕН занять так много времени. Из чего состоит процесс проектирования? Проект дизайна интерьера состоит из постоянных этапов, общих для всех . Независимо от того, насколько большой запланированная квартира или дом, идет ли цветовая схема в направлении Скандинавии или французских акцентов, или даже в какой части земного шара кто-то
И как получается, что если на полках магазинов (по всей стране) тысячи экземпляров данной серии, то часто в выбранном магазине мы имеем дело с последним произведением искусства?
И как получается, что если на полках магазинов (по всей стране) тысячи экземпляров данной серии, то часто в выбранном магазине мы имеем дело с последним произведением искусства? Это маркетинговый метод, который хотел бы предложить нам (клиентам), что сейчас самое лучшее время стать владельцем этого телевизора, потому что завтра его может уже не быть? Не обязательно.
Вы хотите перевезти или перевезти свой автомобиль из одного штата в другой в пределах Индии, но не знаете, с чего начать и как это сделать правильно?
Вы хотите перевезти или перевезти свой автомобиль из одного штата в другой в пределах Индии, но не знаете, с чего начать и как это сделать правильно? Межгосударственный процесс передачи автомобилей в Индии немного сложен. Есть много документации и других важных вещей, которые нужно сделать, чтобы безопасно транспортировать ваш автомобиль из одного штата в другой в Индии. Это не то же самое, что перевезти обычные предметы домашнего обихода и материалы, где все, что вам нужно, это надежные грузчики
Как начать зарабатывать на своем блоге о моде?
Как начать зарабатывать на своем блоге о моде? Рис. http://www.theblondesalad.com Светлый салат Блог Кьяры Ферраньи удивляет богатством содержания. Мы находим много стилизации, но и путешествий. Среди них нет недостатка в обзорах местных пабов. Кьяра также рассказывает о том, что вдохновляет ее в жизни. Это обе фотографии,
Как насчет универсального буфера обмена, благодаря которому мы копируем что-то на одно устройство и вставляем его на другое, что реализуется сервисом SwiftKey?
Как насчет универсального буфера обмена, благодаря которому мы копируем что-то на одно устройство и вставляем его на другое, что реализуется сервисом SwiftKey? Или на временной шкале, которая представляет собой предварительный просмотр истории действий, выполненных в приложении на одном устройстве, из приложения, работающего на совершенно другом оборудовании с любой операционной системой? Или механизм, похожий на Apple Continuity, но реализованный во всех операционных системах, в которых присутствует
А как выбрать спортивные костюмы, которые действительно приятно будет носить?
А как выбрать спортивные костюмы, которые действительно приятно будет носить? Материал, из которого должны быть изготовлены спортивные костюмы Хлопок, конечно, будет идеальным. Чем больше будет в составе брюк спортивного костюма, тем лучше, и чем больше будет в середине полиэстера и т. Д., Тем больше мы будем затоплены позже при ношении таких брюк. Я искал некоторые интернет-магазины, чтобы увидеть, как это все выглядит. Оказывается (наверное, неудивительно), что здесь нет
Вот как сказать Как определить, является ли используемая версия Windows 32-разрядной или 64-разрядной?
Единственный основной вопрос: как ты это делаешь, чтобы не выглядеть как идиот? А как выбрать спортивные костюмы, которые действительно приятно будет носить? Материал, из которого должны быть изготовлены спортивные костюмы Хлопок, конечно, будет идеальным. Чем больше будет в составе брюк спортивного костюма, тем лучше, и чем больше будет в середине полиэстера и т. Д., Тем больше мы будем затоплены позже при ношении таких брюк. Я искал некоторые интернет-магазины, чтобы увидеть,

Как начать работать с Жасмин?
Как выглядит тест?
Как начать работать с Жасмин?
Отдельные «спецификации» соответствуют предложениям, отображаемым зеленым цветом (?? - в любом случае # 007069) - вы видите отступ?
Как выглядит тест?
Что стоит помнить, когда мы выбираем такой шаг?
Как выбрать?
Как вы думаете, мы сделали правильный выбор цвета?
У вас есть какие-нибудь советы по выбору цвета, которые вы открыли?
Или у вас есть любимый серый цвет краски, который вам нравится?