Showing posts with label software testing tools. Show all posts
Showing posts with label software testing tools. Show all posts

2009/05/26

Проверка соответствия реализованного UI макетам

Часто возникает задача по проверке соответствия реализованного UI макетам, сделанных дизайнером.

Здесь проверяется абсолютно все - цвета, шрифты, выравнивание, размеры элементов.

Хочу предложить несколько полезных вещей, которые облегчат эту задачу.

1) Электронная линейка - с ее помощью можно получить точную информацию о размере фрагмента любого приложения Windows, работающего в оконном режиме.



2) Пипетка -
просто продвинутая пипетка, ни больше, ни меньше. С её помощью можно узнать всю подноготную пикселя, на который в данный момент указывает курсор. Основное отличие от похожих программ в том, что этот инструмент работает со всем, что в данный момент находится на рабочем столе.

3) Сервис для определения шрифта - определяет возможный шрифт после загрузки примера изображения. Конечно, определяет не всегда правильно.

2008/12/25

Добавление пользовательских типов результата в TestLink

Мы активно используем TestLink как систему менеджмента тестирования. Так же очень удобно его использовать в связке с автотестами. Немного позже расскажу как.

Но вот, например, мне не хватает стандартных типов результата при выполнении тест-кейса:

Passed
Failed
Blocked

Я добавила еще свои статусы:

Test Error
Test Data Error
In Process





В принципе, добавлять можно сколько угодно статусов - было бы желание.

Как я это делала описано ниже. (Testlink 1.7):


Добавляем статус Ошибка Теста - Test Error
1. Файл констант
/cfg/const.inc.php
$g_tc_status = array (
"failed" => 'f',
"blocked" => 'b',
"passed" => 'p',
"not_run" => 'n',
"not_available" => 'x',
"unknown" => 'u',
"test_error" => 't',
"all" => 'all'
);
$g_tc_status_verbose_labels = array(
"all" => "test_status_all_status",
"not_run" => "test_status_not_run",
"passed" => "test_status_passed",
"failed" => "test_status_failed",
"blocked" => "test_status_blocked",
"not_available" => "test_status_not_available",
"test_error" => 'test_status_test_error',
"unknown" => "test_status_unknown"
);
$g_tc_status_for_ui = array(
"passed" => "test_status_passed",
"failed" => "test_status_failed",
"blocked" => "test_status_blocked",
"test_error" => "test_status_test_error"
);
// radio button selected by default
$g_tc_status_for_ui_default="blocked";
$g_reports_cfg->tc_status = array(
"passed" => "test_status_passed",
"failed" => "test_status_failed",
"blocked" => "test_status_blocked",
"not_run" => "test_status_not_run",
"test_error" => "test_status_test_error"
);
2. Файл языков
/locale/en_GB/string.txt
$TLS_test_status_all = "All";
$TLS_test_status_any = "Any";
$TLS_test_status_not_run = "Not Run";
$TLS_test_status_blocked = "Blocked";
$TLS_test_status_failed = "Failed";
$TLS_test_status_passed = "Passed";
$TLS_test_status_not_available="Not Available";
$TLS_test_status_unknown="Unknown";
$TLS_test_status_test_error="Test Error";
/locale/ru_RU/string.txt
$TLS_test_status_test_error="Ошибка Теста";
3. Цвет статуса
Копируем тему theme_m1 в theme_m2
/gui/themes/theme_m2/css/testlink.css
.passed {
color: white;
background: green;
}
.failed {
color: white;
background: red;
}
.blocked {
color: white;
background: blue;
}
.not_run {
color: white;
background: black;
}
.not_available {
color: black;
background: yellow;
}
.unknown {
color: black;
background: cyan;
}
.test_error {
color: black;
background: #e51cb8;
}
4. config.inc
/* CSS themes - modify if you create own/
define('TL_THEME_CSS_DIR','gui/themes/theme_m2/css/');

В процессе In Process process
Ошибка тестовых данных Test Data Error test_data_error

2008/06/30

Джентельменский набор тестировщика - что в него входит?

C каким минимальным набором инструментов можно приступить к тестированию
программного продукта?

1) Самая незаменимая вещь - это утилита для снятия скриншотов с экрана монитора.
Здесь я на 100% рекомендую использовать SnagIt.



Эта утилита умеет делать не только статичные графические "снимки" выбранной области, но и, например, записать в видео то, что происходит на экране, а также захватить картинку из приложений, использующих Direct X, DirectDraw и Direct 3D.

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

Кроме этого, программа позволяет "выдергивать" текст оттуда, откуда он не перемещается с помощью команд Копировать/Вставить.


2) Второй незаменимый инструмент - это линкчекер. Линкчекеры - это программы для проверки сайта на битые ссылки.

Наиболее популярным бесплатным линкчекером на данный момент является Xenu.



Я так же еще использую из платных Fast Link Checker, Link CheckerPro. Они более устойчивы к многопоточности. Xenu часто зацикливает при глубокой проверке больших порталов.

3) Я не могу обходиться без Internet Explorer Developer Toolbar (Плагин для браузера Internet Explorer).



С помощью этого плагина можно:

  • работать с документно-объектной моделью (DOM) HTML-страницы
  • просматривать имена классов HTML, идентификаторов и других элементов, таких, как: пути ссылок, значения индексных вкладок и ключей доступа
  • выделять на веб-странице таблицы, ячейки, картинки и другие теги
  • выбирать элемент кликом: "Inspect element"
  • очищать кеш браузера/cookie (меню cache)
  • масштабировать окно (tools)
  • выделять различные элементы, показывать размеры картинок, линейку и т.п.
  • отключать настройки IE
Очень рекомендую! Особенно когда приступите к автоматизации.

4) Selenium IDE - плагин для Firefox (библиотека Selenium в GUI-обвязке.)



С помощью Selenium IDE вы можете записать часто выполняемую последовательность действий на веб-приложении (например, заполнение формы регистрации). Никаких особых навыков не требуется. Просто нажал кнопку записи, сделала действия, сохранил и запустил нужное количество раз.

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