Благодаря Тимуру многому научился. Перед тем как сделать Cloud Disk самостоятельно и окончательно разобраться во всем, прошел другие необходимые курсы на этом замечательном канале. И вот финишная прямая - Деплой, и что товарищи я получаю от Heroku при регистрации - следующий ответ: We do not accept sign-ups from your country. Все знают с чем это связано на сегодняшнюю дату. Такова жизнь, блин...
Товарищи, если кто смотрит в 2023. Loki давно не обновлялся и сейчас не работает с последней 7 версией Storybook. Я перепробовал разныe инструменты для регрессивного тестирования UI (reg-viz suite, visviz, lost pixel). В итоге остановился на Chromatic - это родной инструмент от Storybook. Легко настраивается и отлично интегрируется с GitHub actions, и storycap даже не нужен. К тому же есть бесплатный план, если не пользуешься профессионально. Рекомендую всем.
Если у кого-то возникла проблема "cannot use import statement outside a module" на axios, то вот решение. Long story: После выхода данного урока, библиотека axios перешла с CommonJS импорта на ES Modules, из-за этого и возникает ошибка. Ошибка именно в библиотеке. Чтобы это исправить, надо рассказать Jest'у что библиотека использует модули и это надо учесть при трансформации кода при запуске теста. Resume: Надо добавить в package.json код. Cам package.json будет выглядеть так: { ... "jest": { "transformIgnorePatterns": ["node_modules/(?!axios)"] } ... }
Этот вариант работает. Могу добавить, что по привычке при добавление axios воспользовался авто import, в итоге чесал репу и думал, что не так. А надо именно добавлять через require('axios'). Это же описано на npmjs.
Также долго мучался с этим. Искал разные решения из интернета и ничего не помогало. В итоге переделал на fetch. А сейчас попробовал ваше решение и axios заработал. Уряяя!
Тесты - тема, до которой так и не доходят руки. Думаю что вот именной сейчас настает время изучить эту тему с помощью видео замечательного от замечательного автора)
@@ne4to777 Никто не заставит, я бы сказал начнешь прОграммировать - потеряешься в бесконечных митингах через 10 лет, где и по прОграммировать тебе не дадут, это реальнее )
Ulbi, ты как будто мои мысли прочитал! В настоящее время начал изучать тему тестов, и даже планирую их писать в своем приложении. И тут твое видео, после которого я точно уверен, что буду разбираться в теме. Ты просто подарок судьбы для начинающих!
НУ, вот опять же в тему) я сейчас на новой работе как раз сижу за докой Cypress, впервые столкнулся с тестированием) спасибо бро, обязательно к просмотру!
Для тех кто будет это делать во второй половине 23 года - зайдите на репозиторий Тимура и перед началом установите все в точности такие же зависимости и девЗависимости, и всё будет чётко Главное не путайтесь с импортами, объявлением переменных, функций, потому что если делать как на видео, и не использовать ТС, то будут ошибки какие-нибудь из-за невнимательности и так далее Всем удачи, видео очень полезное, но для его освоения нужен не один день!
Огромное спасибо за видео! Настолько лёгкая для усвоения подача это спасение для меня - такие курсы хочется смотреть и проходить даже когда ничего не хочется делать ❤
Как же клево когда есть такие специалисты, с прекрасной подачей информации, передающие свой огромнй опыт в двух часовом видео! Круто доносишь инф, четко и по делу охватывая все нюаесы и без повторений!
Ульби, отличный канал, без преувеличения. Поставил колокольчик пару месяцев назад, как нашел твой канал. Все видео крайне полезны, без лишней воды, с хорошими практическими примерами. Еще не посмотрел тесты, но даже не сомневаюсь в полезности материала! Продолжай в том же духе! Всем знакомым рекомендую твой канал. Это наверно мой первый комментарий на TH-cam ;)
Как всегда, огромное спаcибо за вводный курс по тестированию JavaScript (JS) с использованием технологий Jest, React Testing Library! Отдельная благодарность за скриншотные тесты!
Ulbi лучший, не даром твои уроки на первых местах находятся по определённым темам, спасибо что освещаешь темы довольно полно и доступно, продолжай в том же духе!
Памятник тебе поставить надо! Прилетела задача изучить тесты - поднял документацию, чета все прямо со скрипом шло. Дошел до твоего видоса, как боженька разложил! Спасибо тебе огромное! И так по любому видосу, с авторизацией тоже отельный респект!
Всё ни как не мог подступиться к тестам. Казалось это чем-то мега сложным(не зря под это отдельная профессия есть:)) А после этого видео всё оказалось не так уж и сложно. Не два пальца об асфальт, конечно, но и не rocket science)) Спасибо тебе!
Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot) Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot) react redux react router dom v6 jest webdriver e2e storybook tests js
Смотрю многие твои видео и хочу сказать тебе огромное спасибо за такую проделанную работу! Спасибо от всей души! Ты занимаешься важным делом. Спасибо за твой труд и потраченное время!
Сказать что видео несет огромное количество информации - ничего не сказать. Ulbi молодец, посмотрев подобные видео от других авторов, больше их смотреть не хочеться. У тебя моного полезного и без воды!!!!
Канал очень хороший! Никак не доходят руки до тестирования, это хороший повод! Пожелание! было бы здорово в таком же формате разобрать ci/cd Спасибо огромное за ваши труды !!!
занимаюсь тестированием 2ю неделю, и только у тебя наконец то понял, зачем нужны тесты. Не для тестирования, а для контроля. Зачем тестировать то, что и так понятно, что работает, спасибо!!!!!!!
Это невероятно полезный ролик! Огромное спасибо! Я QA инженер и пишу тесты на JS+Cypress и как раз хотел разобраться с React Testing Library - и как раз попался твой ролик. Просто огонь. Скинул нашим фронтам и куа
Для тех кто столкнулся с ошибкой `Failed to render with error "unable to click element as it has or inherits pointer-events set to "none".` на этапе с loki, то вот решение. Long story: На момент записи урока этих проблем не было. Сейчас при инициализации storybook в пресете идет пример с play для кейса. На сколько понял это новый функционал и локи пока под него не адаптировали. По дефолту, локи добавляет разные стили и отключает анимации для того, чтобы вёрстка получалась максимально статичной, чтобы на скриншотах не было расхождений. Таким же образом он накидывает отключение событий курсора, на что начинает ругаться testing-library, потому что не может нажать на кнопку. Resume: В issues на официальном гитхабе локи нашел решение - функция написанная на typescript (github.com/oblador/loki/issues/359#issuecomment-1248135073). По уроку мы пишем на js, но решение проблемы на typescript, так что придется удалить описания типов, чтобы оно заработало. Также надеемся что рано или поздно у локи появится нативная поддержка play.
В этом ролике мы научимся тестировать JS приложения. Ознакомимся с JEST и научимся писать UNIT тесты. С помощью React testing library и jest научимся писать интеграционные тесты на react приложения в связке с react router dom и redux. Используя WebdriverIO научимся писать e2e тесты в реакт приложении. Также с помощью storybook и loki js научимся делать регрессионное тестирование UI части приложения .------ Для продвижения
Блин этот канал учит больше нежели любые курсы либо универ, всё максимально понятно,просто и без лишней воды. Причем есть то что даже мидл научиться может. Очень много полезного контента и темы прям круто разделены, так что новичок на изи сможет разобратся в фронте или беке. Автор лучший, желаю дальше развивать канал и учить молодых разрабов полезным вещам
У кого проблема "Cannot use import statement outside a module" при запуске теста на 58 минуте, то попробуйте в package.json добавить "jest": { "transformIgnorePatterns": ["node_modules/(?!axios)/"] }
Отличное видео по тестированию во Frontend на React! Актуально в 2024!
Js, JavaScript, test, тестирование. Тимур! Спасибо тебе огромное, ты лучший. Всех благ тебе!
Благодаря Тимуру многому научился. Перед тем как сделать Cloud Disk самостоятельно и окончательно разобраться во всем, прошел другие необходимые курсы на этом замечательном канале. И вот финишная прямая - Деплой, и что товарищи я получаю от Heroku при регистрации - следующий ответ: We do not accept sign-ups from your country.
Все знают с чем это связано на сегодняшнюю дату. Такова жизнь, блин...
Товарищи, если кто смотрит в 2023. Loki давно не обновлялся и сейчас не работает с последней 7 версией Storybook. Я перепробовал разныe инструменты для регрессивного тестирования UI (reg-viz suite, visviz, lost pixel). В итоге остановился на Chromatic - это родной инструмент от Storybook. Легко настраивается и отлично интегрируется с GitHub actions, и storycap даже не нужен. К тому же есть бесплатный план, если не пользуешься профессионально. Рекомендую всем.
Если у кого-то возникла проблема "cannot use import statement outside a module" на axios, то вот решение.
Long story: После выхода данного урока, библиотека axios перешла с CommonJS импорта на ES Modules, из-за этого и возникает ошибка. Ошибка именно в библиотеке. Чтобы это исправить, надо рассказать Jest'у что библиотека использует модули и это надо учесть при трансформации кода при запуске теста.
Resume: Надо добавить в package.json код. Cам package.json будет выглядеть так:
{
...
"jest": {
"transformIgnorePatterns": ["node_modules/(?!axios)"]
}
...
}
Этот вариант работает. Могу добавить, что по привычке при добавление axios воспользовался авто import, в итоге чесал репу и думал, что не так. А надо именно добавлять через require('axios'). Это же описано на npmjs.
@@doudou1929 вобще-то разницы нет и с require тоже не робит, я протестил
Офигенное спасибо! В вебпаке по идее такое-же правило будет, как я понимаю? (Если без cra приложение ставить)
Также долго мучался с этим. Искал разные решения из интернета и ничего не помогало. В итоге переделал на fetch. А сейчас попробовал ваше решение и axios заработал. Уряяя!
Храни тебя Господь за это решение
Ставлю лайк не глядя, потому что точно как всегда все на высоте будет, даже не сомневаюсь) потом посмотрю, давно ждал ролик об этом от тебя)
Тесты - тема, до которой так и не доходят руки. Думаю что вот именной сейчас настает время изучить эту тему с помощью видео замечательного от замечательного автора)
Ничего, начнешь программировать, сразу тесты заставят писать)
@@ne4to777 ой не факт, часто встречаются репы без тестов, особенно фронтовые
@@ne4to777 Никто не заставит, я бы сказал начнешь прОграммировать - потеряешься в бесконечных митингах через 10 лет, где и по прОграммировать тебе не дадут, это реальнее )
я пришел к тестам так: нагрузка не равномерная на проекте и пока нет задач что бы от меня все отстали, я сказал я пишу тесты)
@@ne4to777 уже 3 года программирую в проде. Пишу тесты только для своих проектах, умник мамкин
Огромное спасибо! Только собирался тестировать проект, и тут бац, вся нужная инфа в одном в видео)
Мужик, как же ты вовремя, на работе как раз решили покрывать тестами проект и тут твое видео
так иди на завод, стой да гайти чисти, и все окей) чем на заводе то плохо?
@@Good_nick_name иди сам толчки драй, я программист, я буду говнокодить, меня все устраивает
@@Good_nick_name чем тебя так жизнь обидела? От чего такая агрессия? Если человек не может сдерживать свою агрессию, то он остался дикарём.
@@Good_nick_name ты чо javивст? Чо такой токсик?
Ulbi, ты как будто мои мысли прочитал! В настоящее время начал изучать тему тестов, и даже планирую их писать в своем приложении. И тут твое видео, после которого я точно уверен, что буду разбираться в теме. Ты просто подарок судьбы для начинающих!
НУ, вот опять же в тему) я сейчас на новой работе как раз сижу за докой Cypress, впервые столкнулся с тестированием) спасибо бро, обязательно к просмотру!
какие люди)
@@DeIgado95 😘🙏
Тестирование это то чего так не хватало! Спасибо Тимур! JEST, e2e, React Testing Library! Огонь!
А что тут сказать? Все ОЧЕНЬ здорово!!! Впрочем как всегда. Огромнейшее СПАСИБО. Здоровья и благополучия!!!
давайте лайкнем и прокомментируем этот видос чтобы в мире стало больше чистого кода покрытого тестами
Господи, автор просто читает мысли, в кои то веки нехотя решил наконец тестами заняться, а тут контент) лол с тайпскриптом и редаксом так же было)
То что нужно !!!! Как раз изучаем это!!! Спасибо, помог!
Все хотел изучить через время тестировку на жс и тут такой подгон, та ты шо, в который раз рад что есть такой канал на ютубе, спасибо тебе
Для тех кто будет это делать во второй половине 23 года - зайдите на репозиторий Тимура и перед началом установите все в точности такие же зависимости и девЗависимости, и всё будет чётко
Главное не путайтесь с импортами, объявлением переменных, функций, потому что если делать как на видео, и не использовать ТС, то будут ошибки какие-нибудь из-за невнимательности и так далее
Всем удачи, видео очень полезное, но для его освоения нужен не один день!
Да это просто огонь! Респект за системную инфу. Эй, Ютуб. Давай в топ советам всем кодерам!
Наконец, как же я долго ждал этого курса от тебя, поможем Тимуру поднять видос в топ!!!
Ой браток, как же вовремя видос за тесты, как раз собирался их изучать, а здесь 2 часа практики, делаешь годноту, респект тебе! :)
То чего очень не хватало) Спасибо большое, буду изучать на днях!
Просто шикарно - в интернете крайне сложно найти хорошую информацию про тестирование, а тут все структурировано в одном видео. Большое спасибо!
Спасибо большое за материалы, сам недавно начал задумываться о тестах
Боже, храните Ulbi за такой классный контент!!!
Только задался вопросом и начал искать про это инфу, это видео просто подарок!
Огромное спасибо за видео! Настолько лёгкая для усвоения подача это спасение для меня - такие курсы хочется смотреть и проходить даже когда ничего не хочется делать ❤
Лайк не глядя! Спасибо. Уверен, это будет самая полезная выжимка по юнит-тестированию, е2е тестам, jest и react testing library
ты четкий, рад что нашел твой ютуб канал.
Благодарность! Очень нужный топик, надеюсь будет полезен. Да, до тестирования всё никак не доходят руки.
вот это неожиданно! надо будет крайне внимательно смотреть!👀 спасибо огромное
Спасибо, родной дорогой, только вот собрался инфу собирать
Вот это просто бомба! Тестирование - это самая обделённая вниманием тема на ютубе, по моему мнению. Спасибо, Тимур!
Как во время! Большое спасибо! Написал комент, потом пошел смотреть)))
Отлично, как раз нужен был курс по тестам, вечером посмотрю обязательно)
Конкретно сегодня решил закрыть все пробелы по этой теме. И тут на. Ну спасибо, бро 👍
Народ, всем ( Тимурке отдельный ), как же ты круто угадал тему для видоса, как вариант для будущих видео - Recoil (думаю скоро будет актуально)
Как же клево когда есть такие специалисты, с прекрасной подачей информации, передающие свой огромнй опыт в двух часовом видео! Круто доносишь инф, четко и по делу охватывая все нюаесы и без повторений!
Спасибо большое, как раз на работе надо начинать писать тесты)
Очень полезный курс! Спасибо большое, Тимур!
Ульби, отличный канал, без преувеличения. Поставил колокольчик пару месяцев назад, как нашел твой канал. Все видео крайне полезны, без лишней воды, с хорошими практическими примерами. Еще не посмотрел тесты, но даже не сомневаюсь в полезности материала! Продолжай в том же духе! Всем знакомым рекомендую твой канал.
Это наверно мой первый комментарий на TH-cam ;)
Благодаря вашим видео у меня уже 'КОТ Барсик' во всю на javascript пишет код! На столько все разжевано!
Мощь, сила, ярость! Невероятно качественное видео, лучший жи есть!
Очень своевременно. Как раз разбираюсь с этой темой
Очень нужно разобраться в написании тестов. Автор молодец, автору спасибо)
Как всегда, огромное спаcибо за вводный курс по тестированию JavaScript (JS) с использованием технологий Jest, React Testing Library! Отдельная благодарность за скриншотные тесты!
Спасибо за полезный контент! Тестирование js, react, unit, jest, react testing library, e2e js
Вчера на собесе про тесты спрашивали, Тимур как всегда вовремя)
Вот это ДА! Спасибо, Тима! Смотрим!💥
только учусь и всего в одном проекте из 5 за полгода я успела дойти до тестов. Это капец. Мне это нужно. Жду полезности. Главное понять суть!
КРУТО! Спасибо, давно ждал от тебя видео по тестам!
Спасибоооо за такой полный курс!!! Сейчас же буду смотреть! Уверена будет много полезного🥰
Важная тема. Большое спасибо за материал!
Недавно искал ролик на канале по тестированию. И вот он.
Не знаком с автором, но… огромное спасибо. Просто молодец и все.
Ulbi лучший, не даром твои уроки на первых местах находятся по определённым темам, спасибо что освещаешь темы довольно полно и доступно, продолжай в том же духе!
Сразу лайк! Огромное спасибо за тонны полезной и практической инфы!
Классный ролик. Уйма нужной информации. Спасибо!
Спасибо! Посмотрела до конца. Пойду изучать подробно каждую из них
Очередной альманах, но в этот раз уже по тестированию, кто согласен что формат фундаментальных курсов от а до я топ ставьте лайк
Очень полезный контент! Спасибо автору за систематизированную подачу контента и за полноценный обзор современных решений для тестирования!
Памятник тебе поставить надо!
Прилетела задача изучить тесты - поднял документацию, чета все прямо со скрипом шло. Дошел до твоего видоса, как боженька разложил!
Спасибо тебе огромное!
И так по любому видосу, с авторизацией тоже отельный респект!
Если у кого-то ошибка при тестировании axios, добавьте в package.json:
"jest": {
"transformIgnorePatterns": [
"node_modules/(?!axios)"
]
},
100% , Видос полезный, охватывает большое количество тестов с примерами
Заочно жирный лайк! План на вечер! Спасибо!
Ты и Михаил непомнящий лучшие
Согласен!!!!!
Тимур, огромное спасибо за твой труд и старания
Просто знай, что мы ценим это)
Сильно ждал тесты. СПАСИБО огромное!
Дай бог здоровья за такой классный видос
Хотел сегодня вечерком фильм посмотреть, видно не судьба))) Благодарю тебя.
Отличный старт для дальнейшего самостоятельного изучения. Спасибо!
Концентрат информации, доступное объяснение на примерах. Лучше смотреть и сразу делать. Спасибо огромное за труд✊
Поехали !!! 🚀🚀🚀 Jest, React Testing Library, e2e, screenshot
Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot)
Огромное спасибо за эту тему. Как раз хотел разобраться в теме тестирования
Ulbi спасибо тебе большое, твои видео это просто нечто, очень тебе благодарен, наконец-то что то годное появилось про тесты
Всё ни как не мог подступиться к тестам. Казалось это чем-то мега сложным(не зря под это отдельная профессия есть:)) А после этого видео всё оказалось не так уж и сложно. Не два пальца об асфальт, конечно, но и не rocket science)) Спасибо тебе!
Великолепный работа
Тимур самый лучшый сэнсэй
огромный спасибо 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot) Тестирование JavaScript от А до Я (Jest, React Testing Library, e2e, screenshot) react redux react router dom v6 jest webdriver e2e storybook tests js
Смотрю многие твои видео и хочу сказать тебе огромное спасибо за такую проделанную работу! Спасибо от всей души! Ты занимаешься важным делом. Спасибо за твой труд и потраченное время!
Сказать что видео несет огромное количество информации - ничего не сказать. Ulbi молодец, посмотрев подобные видео от других авторов, больше их смотреть не хочеться. У тебя моного полезного и без воды!!!!
Спасибо большое.
За 3 года коммерции ни разу не сталкивался с тестами и постоянно валился на собесах с ними. Теперь со многим разобрался
Коммент для продвижения, спасибо за твой труд
Огромная благодарность! Отличный материал!
Спасибо за огромный вклад в этот мир :)
Лайк авансом. Потом обязательно посмотрю
По описанию видео, то что мне надо )
Ролик очень качественный! Всегда хотел ознакомиться с темой тестирования. Спасибо за контент, у тебя много крутых и полезных видео
Канал очень хороший! Никак не доходят руки до тестирования, это хороший повод!
Пожелание! было бы здорово в таком же формате разобрать ci/cd
Спасибо огромное за ваши труды !!!
занимаюсь тестированием 2ю неделю, и только у тебя наконец то понял, зачем нужны тесты. Не для тестирования, а для контроля. Зачем тестировать то, что и так понятно, что работает, спасибо!!!!!!!
Это невероятно полезный ролик! Огромное спасибо! Я QA инженер и пишу тесты на JS+Cypress и как раз хотел разобраться с React Testing Library - и как раз попался твой ролик. Просто огонь. Скинул нашим фронтам и куа
Для тех кто столкнулся с ошибкой `Failed to render with error "unable to click element as it has or inherits pointer-events set to "none".` на этапе с loki, то вот решение.
Long story: На момент записи урока этих проблем не было. Сейчас при инициализации storybook в пресете идет пример с play для кейса. На сколько понял это новый функционал и локи пока под него не адаптировали. По дефолту, локи добавляет разные стили и отключает анимации для того, чтобы вёрстка получалась максимально статичной, чтобы на скриншотах не было расхождений. Таким же образом он накидывает отключение событий курсора, на что начинает ругаться testing-library, потому что не может нажать на кнопку.
Resume: В issues на официальном гитхабе локи нашел решение - функция написанная на typescript (github.com/oblador/loki/issues/359#issuecomment-1248135073). По уроку мы пишем на js, но решение проблемы на typescript, так что придется удалить описания типов, чтобы оно заработало. Также надеемся что рано или поздно у локи появится нативная поддержка play.
В этом ролике мы научимся тестировать JS приложения. Ознакомимся с JEST и научимся писать UNIT тесты. С помощью React testing library и jest научимся писать интеграционные тесты на react приложения в связке с react router dom и redux. Используя WebdriverIO научимся писать e2e тесты в реакт приложении. Также с помощью storybook и loki js научимся делать регрессионное тестирование UI части приложения
.------
Для продвижения
Большое спасибо за видео! Как раз по работе нужны))
Блин этот канал учит больше нежели любые курсы либо универ, всё максимально понятно,просто и без лишней воды. Причем есть то что даже мидл научиться может. Очень много полезного контента и темы прям круто разделены, так что новичок на изи сможет разобратся в фронте или беке. Автор лучший, желаю дальше развивать канал и учить молодых разрабов полезным вещам
Спасибо друг, очень рад обратной связи! Спасибо!
Лайк поставил, ночью посмотрю
Топовый канал. Мой однокурсник. Лучший на курсе!
Wow а где вы учитесь? Он оказывается студент.. Я и подумать не мог
@@rulesprog закончил уже
@@KUZMICH_D ой да я ступил. Так какое у вас направление было? Прикладная математика?
Спасибо, потом позже буду смотреть
мы ждали и дождались! наконец-то! =)))
У кого проблема "Cannot use import statement outside a module" при запуске теста на 58 минуте, то попробуйте в package.json добавить
"jest": {
"transformIgnorePatterns": ["node_modules/(?!axios)/"]
}