169 похожих чатов

React — русскоговорящее с... React — русскоговорящее с...
Android Developers Android Developers
Python Python
Vue.js — русскоговорящее ... Vue.js — русскоговорящее ...
supapro.cxx supapro.cxx
DotNetRuChat DotNetRuChat
GNU/Linux Help GNU/Linux Help
Telegram Developers Telegram Developers
Node.js — русскоговорящее... Node.js — русскоговорящее...
DevOps — русскоговорящее ... DevOps — русскоговорящее ...
JavaScript Noobs — сообще... JavaScript Noobs — сообще...
Django [ru] Django [ru]
Go-go! Go-go!
Angular - русскоговорящее... Angular - русскоговорящее...
ntwrk ntwrk
Верстка сайтов HTML/CSS/J... Верстка сайтов HTML/CSS/J...
phpGeeks phpGeeks
Kubernetes — русскоговоря... Kubernetes — русскоговоря...
Битрикс для разработчиков Битрикс для разработчиков
MODX. Русскоязычное сообщ... MODX. Русскоязычное сообщ...
pgsql – PostgreSQL pgsql – PostgreSQL
Laravel Pro Laravel Pro
iOS Developers — русского... iOS Developers — русского...
ClickHouse не тормозит ClickHouse не тормозит
Rust — русскоговорящее со... Rust — русскоговорящее со...
JavaScript — русскоговоря... JavaScript — русскоговоря...
С# С#
pro.cxx pro.cxx
pro.jvm pro.jvm
React Native — русскогово... React Native — русскогово...
Devs Chat Devs Chat
Docker — русскоговорящее ... Docker — русскоговорящее ...
HTML/CSS — русскоговоряще... HTML/CSS — русскоговоряще...
Python beginners Python beginners
🐧 RU.UBUNTU — Официальное... 🐧 RU.UBUNTU — Официальное...
Kotlin Community Kotlin Community
Embedded Group Embedded Group
Чат экстремального погром... Чат экстремального погром...
aiogram aiogram
Scala User Group Scala User Group
Haskell Haskell
PHP PHP
TypeScript TypeScript
Клуб Vue.js-разработчиков Клуб Vue.js-разработчиков
Xamarin Developers (MAUI,... Xamarin Developers (MAUI,...
F# Chat F# Chat
Svelte [svelt] - All abou... Svelte [svelt] - All abou...
Системное администрирован... Системное администрирован...
Nuxt.js | Vue SSR Nuxt.js | Vue SSR
var chat = new Chat(); var chat = new Chat();
Data Science Chat Data Science Chat
Android Architecture Android Architecture
Ассемблер Ассемблер
Laravel для начинающих Laravel для начинающих
Церковь метрик Церковь метрик
Dart & Flutter Dart & Flutter
QA — русскоговорящее сооб... QA — русскоговорящее сооб...
Tarantool Tarantool
pro.elixir pro.elixir
Python Flask Python Flask
SAP ABAP SAP ABAP
R (язык программирования) R (язык программирования)
learn.java learn.java
Big Data Science :: AI / ... Big Data Science :: AI / ...
DevsHelper DevsHelper
SwiftBook SwiftBook
Solidity Development Solidity Development
pro.net (former COM+) pro.net (former COM+)
Delphi & Lazarus Delphi & Lazarus
OpenStreetMap RU OpenStreetMap RU
Visual Studio Code — русс... Visual Studio Code — русс...
ru_mysql ru_mysql
pro.lua pro.lua
GraphQL — русскоговорящее... GraphQL — русскоговорящее...
Evolution CMS развитие и ... Evolution CMS развитие и ...
Dart / Flutter Dart / Flutter
pro.Asm pro.Asm
OpenCartForum - 🇺🇦🇪🇺Чат O... OpenCartForum - 🇺🇦🇪🇺Чат O...
IDE и редакторы — русског... IDE и редакторы — русског...
Angular.js (1.x) — русско... Angular.js (1.x) — русско...
Frontend_ru Frontend_ru
Flutter Developers — русс... Flutter Developers — русс...
AutoIT RU AutoIT RU
Lame C Lame C
AI / Искусственный Интелл... AI / Искусственный Интелл...
Laravel Framework Russian... Laravel Framework Russian...
WebPwnChat WebPwnChat
Чат — Верстка Сайтов и Фр... Чат — Верстка Сайтов и Фр...
pro.python pro.python
dlang.ru dlang.ru
Java Underground Java Underground
Natural Language Processi... Natural Language Processi...
javascript_ru javascript_ru
SqlCom.ru - сообщество MS... SqlCom.ru - сообщество MS...
Cinema 4D Cinema 4D
pro.vim pro.vim
PHP DevConf KZ🇰🇿 PHP DevConf KZ🇰🇿
Delphi Community Delphi Community
Autohotkey_RU ( v1 & v2 ) Autohotkey_RU ( v1 & v2 )
Server Side Swift Develop... Server Side Swift Develop...
pro.rb (Ruby/Rails / RU) pro.rb (Ruby/Rails / RU)
RubyRush.ru RubyRush.ru
Oracle RU Oracle RU
DevOps DevOps
Software Design/Architect... Software Design/Architect...
sql_ninja sql_ninja
Modern::Perl Modern::Perl
Odoo talks & fun Odoo talks & fun
AndroidDev Pro:: Професси... AndroidDev Pro:: Професси...
WordPress for developers WordPress for developers
ru.nim.talks ru.nim.talks
PowerShellRus - о Powersh... PowerShellRus - о Powersh...
Эльбрусы и с чем их едят Эльбрусы и с чем их едят
Java/Kotlin and more Java/Kotlin and more
pro.buildsystems pro.buildsystems
Powershell Rus Powershell Rus
Haskell Start Haskell Start
Python для анализа данных Python для анализа данных
Скрипты Гугл, Таблицы, Go... Скрипты Гугл, Таблицы, Go...
WebGL ru WebGL ru
Compiler Development Compiler Development
firebase_ru — русскоговор... firebase_ru — русскоговор...
phpclub.ru phpclub.ru
ErlangRus ErlangRus
RU.CRYPTOGRAPHY — Криптог... RU.CRYPTOGRAPHY — Криптог...
Electron.js Electron.js
QA juniors QA juniors
MySQL (EN) MySQL (EN)
GameDev for Web GameDev for Web
Go Get A Job Go Get A Job
Lame C++ Lame C++
pro.osdev - os developmen... pro.osdev - os developmen...
RU.Docker — Официальное Р... RU.Docker — Официальное Р...
PostgreSQL (English) PostgreSQL (English)
Emacs — русскоговорящее с... Emacs — русскоговорящее с...
Ember_js Ember_js
FreePascal & Lazarus FreePascal & Lazarus
Tilda Developers Tilda Developers
Django Django
WordPress – русскоговорящ... WordPress – русскоговорящ...
Язык программирования Jul... Язык программирования Jul...
sentry_ru sentry_ru
ReasonML и OCaml ReasonML и OCaml
WebAssembly — русскоговор... WebAssembly — русскоговор...
ansible — русскоговорящее... ansible — русскоговорящее...
Сrystal Lang — русскогово... Сrystal Lang — русскогово...
aiohttp aiohttp
Clojure — русскоговорящее... Clojure — русскоговорящее...
heroku_ru heroku_ru
PowerShell Pro PowerShell Pro
systemd systemd
macOS Developers — русско... macOS Developers — русско...
use Perl or die; use Perl or die;
FORTH и родственные ЯП FORTH и родственные ЯП
ru_jenkins ru_jenkins
Natural Language Processi... Natural Language Processi...
CatBoost CatBoost
CyberBiology CyberBiology
Sequelize - community (en... Sequelize - community (en...
sonarqube_ru sonarqube_ru
Elm Lang сообщество разра... Elm Lang сообщество разра...
SublimeText_RU SublimeText_RU
NativeScript NativeScript
WordPress CodeRun WordPress CodeRun
ReactiveX - русскоговорящ... ReactiveX - русскоговорящ...
PureScript — русскоговоря... PureScript — русскоговоря...
#Вайти #Вайти
Эликсир и Вунш Эликсир и Вунш
Cassandra Cassandra
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество
Constantine-Mukhin

Как лучше тестировать компоненты при unit тестировании? При тестировании функций мы

относимся к ним как к чёрному ящику - тестируем "интерфейс" и мокаем side эффекты, немного поразмыслив пришёл к выводу: компоненты можно тестировать так же как функции:
На вход поставляем props/события(клик по кнопке и тп), на выходе получаем $emit/вывод информации в дерево. Единственное что меня смущает - если изменится реализация (допустим мы сделали тест: нажимаем на кнопку - происходит $emit события, однако через время бизнес решил что в этом компоненте для клика будет использоваться не кнопка, а... допустим просто текст), то тест упадёт. Или есть варианты создать менее связанные тесты, или такая ситуация и должна происходить?

#frontend #javascript #programming #russian #vue.js
0

3 ответов

10 просмотров
Grigorii K.-Shartsev

Да, всё так и есть. Компонент тоже чёрный ящик, тестируем через его интерфейс. Снаружи у нас пропсы, слоты, обработчик событий, атрибуты, инжекты, контекст и внешние ресурсы. Взаимодействие через обновление реактивных входов, события в DOM, методы и дочерние компоненты. Результат - эмиты и взаимодействие с другими компонентами, садй эффекты. Если вместо кнопки теперь кликают на какой-то текст, то по смыслу компонент остался тем же. Надо просто находить этот текст также, как находилась кнопка ранее

0
25.08.2021
Constantine-Mukhin Автор вопроса
Grigorii K. Shartsev
Да, всё так и есть. Компонент тоже чёрный ящик, те...
screenshot

Благодарю, а сайд эффекты мокать и проверять что они были вызваны? Допустим есть компонент, у которого есть функция getChartData которая вызывается при клике на кнопку. Эта функция делает запрос на сервер и отображает какую-либо информацию. Чтобы нам протестировать этот компонент нам нужно создать 2 теста, в обоих замокать метод getChartData, в первом мы проверим что замоканный метод был вызван, а в втором что данный были отображены в DOM дереве, тем самым мы покроем этот компонент тестами?

0
25.08.2021

Похожие вопросы

Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Алексей
Подписаться

Что легче в освоении Graph или Firebase? Я так понимаю, что Graph не работает с JSON...

#frontend #javascript #programming #russian #vue.js
09.09.2023
0
94 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / oxid
Подписаться

Привет! Как можно узнать что в определнный router-view смонтирован компонент? У меня примерно так - layout состоит из 3х частей - sidebar, main, drawer. Sidebar и drawer польз...

#frontend #javascript #programming #russian #vue.js
22.11.2023
0
50 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Nikita Svoyachenko
Подписаться

Всем привет. А я могу ref объявлять вне жизненных циклах vue? Оно работает и не выдает ошибок, но не уверен, что так стоит писать.

#frontend #javascript #programming #russian #vue.js
02.09.2023
0
72 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Gregory
Подписаться

Всем привет. У мене в проекте используется стандартная библиотека роутинга. Когда я захожу на главную страницу (home) у меня вызвается функция из пинии, которая отправляет че...

#frontend #javascript #programming #russian #vue.js
09.08.2023
0
62 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Nonono
Подписаться

Я вот хочу с реакта на вью перейти стоит?

#frontend #javascript #programming #russian #vue.js
15.10.2023
0
52 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / krike
Подписаться

всем привет. кто нибудь рабоал с tip - tap editor? вопрос, как отслеживать что пользователь удалил картинку в тексте? при добавлении картинки она грузится на сервер, нужно к...

#frontend #javascript #programming #russian #vue.js
08.11.2023
0
41 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Фәнил Зарип
Подписаться

Доброго дня Вопрос по js Есть объект вида: markdown const FOO = { key1: 'test', key2: {   'test2',   'test3',   get bar() {     return `${this.key1}$. {this.key2.test2...

#frontend #javascript #programming #russian #vue.js
30.10.2023
0
37 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Vladimir Sapronov
Подписаться

Вьюфщики! Вьюеры! Вуеристы! Подскажите плз. Нужно в сотнях компонент с умом пробежаться и расставить айдишники в template. Хочется написать что-то с использованием парсера для...

#frontend #javascript #programming #russian #vue.js
18.05.2023
0
58 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Roman Abramovich
Подписаться

Всем привет. Подскажите как зациклить, чтобы вручную вложенность не прописывать? Нужно вернуть массив если в дочернем workControl == intermediate Массив [ { "id": 0, ...

#frontend #javascript #programming #russian #vue.js
25.10.2023
0
12 ответов
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество / Максим
Подписаться

А что использует большинство?!

#frontend #javascript #programming #russian #vue.js
27.09.2023
0
39 ответов
Смотреть еще
Vue.js — русскоговорящее сообщество Vue.js — русскоговорящее сообщество
Подписаться
Вопросов 86638
Ответов 159482
Участников 9523
Telegram @vuejs_ru

Обсуждают сегодня

А чем вам питонисты не угодили?😂
.
79
Язык Си можно выучить за день? По книжке ANSI C на 230 страниц
Vincent Vegan
29
Dim Dim, [02.07.2024 11:07] DB 0x62 Dim Dim, [02.07.2024 11:07] DB 0x66 Dim Dim, [02.07.2024 11:07] кто пояснит что это?
Dim Dim
14
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
Ребят, а за скок можно впарить анон чат с апишкой и веб админкой ?
Eugene Неелов
15
Кстати, я тут еще с одной темой столкнулся, вот учу я C++, на таком то ресурсе, а остальные постоянно советуют практиковаться, что то писать, проекты, но как писать если вот т...
aaswq1
7
Подскажите, можно ведь комбинировать запись данных в один и тот же Stream через TFileStream и через TCompressionStream поочерёдно? Ну т.е. часть данных мне нужно сжать, часть ...
notme
4
Ещё такой вопрос. Мне необходимо хранить пароль пользователя локально. Для этого планирую использовать ini файл. Это для автозаполнения полей логин и пароль при авторизации. Е...
Евгений
19
Кстати на работу никто не хочет, слегка на Сшке подписывать? От 170к в месяц, под Москвой
Andrey Ermakov
6
А подскажите вопрос. Запускаю приложение под дебагом, всё красиво дебажится. Копирую его в другую папку, запускаю, в делфи делаю атач ту процесс, бряки при этом перестают рабо...
Serjone
2
Карта сайта