вторник, 24 октября 2017 г.

AQA: javascript: node.js(main) - SetUp environment for testing

1) Take Browser with stable functionality: Chrome, FireFox
2) 
npm install selenium-webdriver
 
To solve warning message like:
npm WARN saveError ENOENT: no such file or directory, open 'S:\temp\package.json'


Use:
1) Instruction: 
You can resolve that issue by following methods:
  1. Ensure dependencies described correctly on package.json
  2. Just type npm install and hit Enter.
  3. Check issue still exists. and If issue not resolved, continue these methods.
  4. type npm cache clean and hit Enter
  5. type sudo npm install -g npm and hit Enter.
  6. Retry npm install and hit Enter.
if issue not resolved even tried these methods, Please reply with your Node.js version, NPM version, Operating System, and package.json which is using.

2) Instruction: 
 It seems trying npm install in uninitialized npm package directory.
you should initialize package with npm init.

Use your Command Line and navigate to the root folder of your project and enter
$ npm init
This command will ask you some questions to generate a package.jsonfile in your project route that describes all the dependencies of your project. This file will be updated when adding further dependencies during the development process, for example when you set up your build system.
name: (project-name) project-name
version: (0.0.0) 0.0.1
description: The Project Description
entry point: //leave empty
test command: //leave empty
git repository: //the repositories url
keywords: //leave empty
author: // your name
license: N/A
After you've finished the process of initializing your project using the Node Package Manager, node.js created a package.jsonfile in your project's root direcotry similar to this one:
{
  "name": "project-name",
  "version": "0.0.1",
  "description": "Project Description",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "the repositories url"
  },
  "author": "your name",
  "license": "N/A"
}

Link:
Getting started with Selenium WebDriver for node.js - very good integration test
How to write reliable browser tests using Selenium and Node.js - full using 
Moving to fullstack end-to-end test automation with Node.js part 1 - Selenium Webdriver 
Selenium WebDriver is a powerful tool that plays well across different platforms
- Understanding asynchronous testing  
- Writing tests with Jasmine
Setting up your own test automation environment (+1) - a lot of tricks (multiple browsers, installation, environment variable, use URL or local document, specific keys, wait till complete, Running remote tests, mocha and chai, work with sessions,  own remote server, Integrating selenium with CI tools (also      Introduction to cross browser testing     Strategies for carrying out testing     Handling common HTML and CSS problems     Handling common JavaScript problems     Handling common accessibility problems     Implementing feature detection     Introduction to automated testing     Setting up your own test automation environment   )
driver.get('file:///Users/chrismills/git/learning-area/tools-testing/cross-browser-testing/accessibility/fake-div-buttons.html');
 

среда, 11 октября 2017 г.

AQA: Selenium: Alert & Popup Handling in Selenium WebDriver

In this tutorial, we will learn about different types of alert found in web application Testing and how to handle Alert in Selenium WebDriver. We will also see how do we accept and reject the alert depending upon the alert types.
In this tutorial, you will learn-

What is Alert?

Alert is a small message box which displays on-screen notification to give the user some kind of information or ask for permission to perform certain kind of operation. It may be also used for warning purpose.
Here are few alert types:
1) Simple Alert
This simple alert displays some information or warning on the screen.
Alert & Popup Handling in Selenium WebDriver



понедельник, 2 октября 2017 г.

Dev: Design: 2. Sys. Типографика, стили

 

Подборка материала по типографике

Взято из материалов Интернета)

"Привет, друзья!
Я уже говорил, что приступил к работе над новым курсом по Wordpress, и в связи с этим сейчас изучаю много разных материалов по этому движку и по смежным темам. После моего опроса о том, что вы хотите видеть в этом курсе, я получил более двухсот пожеланий и огромное количество ссылок на разные интересные моменты. Пользуясь случаем, благодарю всех тех, кто откликнулся.
После изучения некоторых из этих материалов у меня возникло непреодолимое желание поделиться ими с вами, поэтому сегодня в качестве эксперимента я решил одно такое видео добавить на свой блог. В нём Дмитрий Майоров доступным языком объясняет основы типографики для веба: как подбирать шрифты, отступы, выравнивание текста, ширину текста и т.д.
 Уверен, вам это будет также интересно:"




Книга: Основы стиля в типографике 
Ресурс: по типографике
Book: The Elements Of Typographic Style - pdf online
Book: Основы стиля в типографике - pdf and download
Online Service: Modular Scale

Выжимка из видео - правила по форматированию текста:
1. Ширина строки - от 45 до 90 символов. Человек читает зигзагообразно:
слишком короткая строка приводит к постоянному перепрыгиванию глаз клиента;
слишком длинная строка приводит к утомлению.
Пример:
Сайт лонг рид - для чтения вдумчивых статей состоит 77 символов.

2. Выравнивание текста по левому краю и добавлять переносы.
Примеры в видео на 6 минуте.

3. Высота строк:
для текста: body {line-height: 1.5;}
для заголовков: body {line-height: 1.2;} (может быть и 1.1 и 1.3 в зависимости от ситуации)
(это пространство над и под строчкой текста).
Это можно определить инспектором в хроме или файер багом при просмотре кода.
Примеры: отрицательные 8.30 минута, хороший пример 8.50 минута 

4. Отступы:
могут быть везде:
от подзаголовка до следующего параграфа;
от шапки текста до первого блока текста;
от картинки одной до другой.
Если делать её кратной высоте строке, который мы установили для основного текста
то на сайте появится гармония, которая на первый взгляд не видна, но она есть.
Пример: 9.50

5. Модульные шкалы:
(Это последовательность чисел, относящихся друг к другу
определённым образом - это Числа Фибоначи и Золотое сечени).
Пример: 11.15
Все цифры можно взять с этой шкалы. См. видео на указанной минуте.
Предлагает использовать несколько модульных шкал. Которыми можно потом пользоваться
Предлагает использовать сервис: http://www.modularscale.com/
тут можно указать размер основного текста, указать соотношение (к примеру тоже самое Золотое сечение)
добавить ещё одно соотношение и выйдет примеры того, какие размеры текстов можно использовать.

6. Гарнитура:
Шрифт надо подбирать под тему сайта.
Скриптовый шрифт будет смотреться не очень для мебельной фабрики,
а рубленный шрифт не будет хорошо смотреться
на сайте цветочного магазина. Ну а если поменять местами - то будет в тему.
О чем надо помнить при выборе шрифта:
1) удобство для чтения;
2) кросс-платформенность;
3) размер в килобайтах;
4) поддержка необходимых языков.

7. Нарушайте правила. Творчество приветствуются!

P.S. ссылки специально подобраны ;)

Dev: Design: 1.Cont.Фотосток, авторское право, лицензии

Подборка статей по теме. Дякую Евгению Попову и его команде за подготовленный материал.

Next: 4 бесплатных качественных фотостока для вашего инфобизнеса

Что делать, если вам нужна качественная фотография или иллюстрация для своих проектов? Кто-то не обращает внимания на лицензию и ограничивается поиском по изображениям от ведущих поисковых систем, кто-то покупает на платных фотобанках. А что делать, если вы просто блогер и хотите легально скачать качественные фотографии, но бесплатно.
Мы отобрали лучшие бесплатные фотобанки, которые предлагают неплохой выбор качественных изображений. Они помогут вам найти изображения для презентаций, онлайн-курсов, оформления постов, лендингов и т.д. Ведь стоит помнить, что визуальная составляющая оказывает большое влияние на читателей.
Остановимся на каждом подробнее.
Pexels

Фотобанк Pexels содержит более чем 2 000 красочных снимков, а их количество растет каждый день на 10 новых фотографий.
Этот сервис незаменим для стартаперов, блогеров или веб-дизайнеров, которые ищут качественные и красивые изображения для эффектной презентации продукта.
Все изображения распространяются по лицензии Creative Commons Zero (CC0), разрешается использование в любых законных целях без указания ссылки на автора.

SEO: Эксперимент: как Яндекс и Google учитывают ключевые слова в URL

Эксперимент: как Яндекс и Google учитывают ключевые слова в URL Эксперимент: как Яндекс и Google учитывают ключевые слова в URL Дата пу...