Небольшая проблема с живым поиском на сайте, как решить проблему с js кодом?

Антон Вебсайтовский: Можете на jsbin.com воссоздать вместе с html этот код?

Небольшая проблема с живым поиском на сайте, как решить проблему с js кодом?

Антон Вебсайтовский: в конец, я думаю

Как динамически отобрать те, ключи которых совпадают с полями формы и заполнить ими форму?

zorro: Рад был помочь, надеюсь поможет)

Как динамически отобрать те, ключи которых совпадают с полями формы и заполнить ими форму?

zorro: не совсем, во-первых я не обратил внимание в какой структуре выдает api randomuser.me, почему-то подумал что в объекте user все поля прописаны, но там дерево и сейчас переписываю с проходом по этому дереву свойств. Во-вторых, я сверяю id с именем поля в возвращаемом объекте, если id не подходит то можно добавить к полям data-атрибут и изменить в скрипте c id на data-*

Как динамически отобрать те, ключи которых совпадают с полями формы и заполнить ими форму?

zorro: я выбрал класс который у всех input есть

странно, вот здесь работает jsbin.com/marogohege/edit?html,js,output

Как динамически отобрать те, ключи которых совпадают с полями формы и заполнить ими форму?

перепутал переменные len и list, исправил

Как сделать скрол на высоту section (100%, 100px; etc)?

Немного обновил код, теперь прилипает к низу предыдущей секции когда скроллится вверх
codepen.io/FeelEnergyCB/pen/jPpayj

Как сделать скрол на высоту section (100%, 100px; etc)?

Можно,
easing - это тип анимации
julian.com/research/velocity/#easing

duration - длительность
julian.com/research/velocity/#duration

Как сделать скрол на высоту section (100%, 100px; etc)?

Тогда по идеи нужно поиграться с условиями в строках 25 - 30, и другие offset передавай функции анимации

Кто пользовался gemini от yandex ?

Stan QA:
Команды
gemini gather - делает эталонные скриншоты
gemini test - тестирует по этим скриншотам

Кто пользовался gemini от yandex ?

Stan QA: https://github.com/FeelEnergyCB/LMM/blob/master/ge...

Кто пользовался gemini от yandex ?

Stan QA: gemini.suite это функция в js файле в папке gemini ( например test.gemeni.js )
Вот примерно такое содержимое файла:

var gemini = require('gemini');
gemini.suite('button', function(suite) {
suite.setUrl('/app/index.html')
.setCaptureElements('.class')
.before(function(actions, find) {
this.button = find('.class');
})
.capture('plain')
.capture('hover', function(actions, find) {
actions.mouseMove(this.button);
})
.capture('pressed', function(actions, find) {
actions.mouseDown(this.button);
})
.capture('clicked', function(actions, find) {
actions.mouseUp(this.button);
});
});

Кто пользовался gemini от yandex ?

Stan QA: Да, можно самому создать файл .gemini.yml и поместить в корень проекта

Кто пользовался gemini от yandex ?

Сначала ставишь nodejs, потом с помощью npm устанавливаешь в папку с проектом сам gemini (npm install gemini) и заодно npm install phantomjs (если тестировать локально)

допустим структура проекта такая:

app
--|public
----|index.html
----|css
----|js
--|gemini
----|test.gemini.js
--|node_modules
--|.gemini.yml

по дефолту, при вызове гемини, он будет искать js-ски c тестами в папке под именем gemini, если не указать конкретную директорию

Далее выбор, либо тестировать только локально с помощью phantomjs, либо удаленно (и локально, если нужно) используя, например, sauce connect для сервиса saucelabs.
Я выбрал первое т.к. это быстрее и мне не нужно регрессионно тестировать элементы в разных браузерах, ведь в большинстве случаев если что-то изменилось, то оно поехало везде.

Если тестить только с помощью фантома, то в файле .gemini.yml достаточно указать только:

rootUrl: localhost:8000 - адрес локального сервера
browsers:
phantomjs: phantomjs

Если удаленно с помощью saucelabs, то:

rootUrl: localhost:8000
gridUrl: ondemand.saucelabs.com/wd/hub
browsers:
opera12:
browserName: opera
version: '12.06'
firefox28:
browserName: firefox
version: '28.0'
firefox27:
browserName: firefox
version: '27.0'
( браузеры понятное дело выбираются из списка предоставляемым saucelabs )
и так далее, на сайте saucelabs можно посмотреть больше дополнительных параметров.

Далее пишем сами тесты, тут лучше посмотреть доклад автора gemini Сергея Татаринцева "Тестирование CSS-регрессий с Gemini" https://tech.yandex.ru/events/bemup/17-may-2014/ta...

Запуск:

Если тестим только c помощью фантома, то в отдельной консоли запускаем

phantomjs --webdriver=4444

в другом консольном окне переходим в директорию нашего проекта и делаем эталонные скрины командой gemini gather

Запускаем тесты с помощью команды gemini test --reporter flat --reporter html
ключ '--reporter flat' выдаст стандартный отчет о тестах, а '--reporter html' построит отчет в html с изображениями

Если тестим удаленно, то идем на сайт saucelab, читаем про sauce connect, скачиваем для своей системы, запускаем коннект.

в другом консольном окне переходим в директорию нашего проекта и вводим
export SAUCE_USERNAME=имя
export SAUCE_ACCESS_KEY=ключ

имя и ключ есть в аккаунте на сайте.

ну и дальше делаем эталонные изображения, ну и потом тестируем

вроде все=)