Как защитить свой код
1 like2,744 views
Документ предоставляет информацию о том, как защитить код и предотвратить ошибки при разработке. Рассматриваются практические советы, такие как ограничения доступа к репозиторию, проработка требований и тестирование. Также описываются аспекты проверки вёрстки и работы с авторизацией.
Как защитить свой код
- 1. Как защитить свой код Кузнецов Дмитрий 01
- 2. Как сло ма т ь код ✖ Дать джуниору доступ до репозитория ✖ Сменить окружение ✖ Сменить контент ✖ Не проработанные требования ✖ Противоречивые требования 02
- 4. Иконка 04
- 5. Текст Go! 05
- 6. Длинный текст Поехали! 06
- 7. Многострочный текст Нажмите чтобы поехать! 07
- 8. Текст-подсказка Нажмите чтобы поехать! Это кнопка на которую можно нажимать 08
- 9. Много букв Одиннадцатиклас сница рентгеноэлектрокардиогра фическая 09
- 10. Крестик Одиннадцатикл ассница рентгеноэлектрокардиогра фическая 10
- 11. Нет основного текста рентгеноэлектрокардиогра фическая 11
- 12. Сколько мы сломали? 12
- 13. Go! Поехали! Нажмите чтобы поехать! Нажмите чтобы поехать! Это кнопка на которую можно нажимать Одиннадцатикл ассница рентгеноэлектрокардиогра фическая Одиннадцатикл ассница рентгеноэлектрокардиогра фическая рентгеноэлектрокардиогра фическая 13
- 14. А как надо? 14
- 16. 100% регрессия Go! Поехали! Нажмите чтобы поехать! Нажмите чтобы поехать! Это кнопка на которую можно нажимать Одиннадцатик лассница рентгеноэлектрокарди ографическая Одиннадцати классница рентгеноэлектрокар диографическая рентгеноэлектрокар диографическая 16
- 17. 17
- 18. 18
- 19. 19
- 20. Защищаем вёрстку: — Одиннадцатиклассница — Многострочные тексты — Пустые строки — Совмещение макета с вёрсткой (pixel perfect) — И всё это на одной html странице 20
- 22. auth 22
- 23. А что если... — Не заполнены поля — Слишком короткий логин — Слишком длинный логин — Логин не существует — Пароль не подходит — Бэкенд не отвечает — Пароль не подходит более 3 раз подряд — Капча набрана неправильно — Заполнить и нажать вход — Следующий слайд пожалуйста 23
- 24. Ошибка авторизации — А давайте напишем DOM-тест! 24
- 25. DOM-тест Сколько будет 2 + 2? Будет 4 Действительно 4! Что лучше, TypeScript или Dart? Dart Извините, вы нам не подходите. 01. 02. 03. 01. 02. 03. 25
- 26. А что будет, если мыло занято и пароль формально не подходит? $('.login').val('existingName') $('.pass').val('1') $('.submit').click() 01. 02. 03. 26
- 27. Отвечает auth: $('.pass').hasClass('error') === true $('.errorMsg').length === 1 $('.errorMsg').text() === 'Ошибка' 01. 02. 03. 27
- 29. ...если бэкенд ответит, что пароль неправильный? $('.login').val('name') $('.pass').val('123456') $('.submit').click() auth.takeResponce(errorData) 01. 02. 03. 04. 29
- 30. Отвечает auth: $('.pass').hasClass('error') === true $('.errorMsg').length === 1 $('.errorMsg').text() === errorData.msg 01. 02. 03. 30
- 31. ...бэкент не отвечает 10 секунд? var clock = sinon.useFakeTimers() $('.login').val('name') $('.pass').val('123456') $('.submit').click() clock.tick(10 * 1000) 01. 02. 03. 04. 05. 31
- 32. Отвечает auth: $('.auth').hasClass('timeout') === true $('.errorMsg').length === 1 $('.errorMsg').text() === 'Ваш интернет плох' 01. 02. 03. 32
- 33. $.ajax 33
- 34. ...нажать на вход при формально правильных данных? sinon.spy($, 'ajax') $('.login').val('name') $('.pass').val('123456') $('.submit').click() 01. 02. 03. 04. 34
- 35. Отвечает auth: $.ajax.called === true 35
- 36. DOM-тесты на вёрстку 36
- 39. Итого — Проверка DOM элементов и атрибутов — CSS классов и свойств — Резиновости — Таймаутов — Слежение за методами — Всё это мы не делаем! 39
- 40. Как сломать код ✓ Дать джуниору доступ до репозитория графеновая вёрстка ✓ Сменить окружение проверка резиновости ✓ Сменить контент электрокардиографическая одиннадцатиклассница ✓ Не проработанные требования прорабатываем ✓ Противоречивые требования невозможны 40
- 41. Как это работает у нас — Проработка контекста — Решение задачи — Написание тесткейсов и тестов — Регрессия вёрстки — git push -> хук с тестами 41
- 42. Будь мужиком, защити свой код! 42
- 43. Вопросы 43