Можно так?

Сейчас попробую

я хз, в мокке можно вкладывать describe, жестом плотно не пользовался.

Да, норм работает

Можно так?

Нужно) можно и третий уровень сделать

?

Такое приятное чувство, когда есть время пописать тесты

Аж целых 20 минут

Хз , тесты для интерфейсов вообще не понимаю

Наверное я ещё нуб ?

А я не для интерфейсов

Для интерфейсов тоже напрягает

Для интерфейса нужны, но просто реже

Обычный то код не весь есть смысл тестировать)

Я сейчас лишнего понапишу точно. Пока силы есть

Для интерфейса нужны, но просто реже

Можно хоть один пример ?)

Можно хоть один пример ?)

const Meme = () => <div> meme </div>

Можно хоть один пример ?)

const foo = createEvent('foo')

А, блин, я чёт подумал про обратные примеры)

А, блин, я чёт подумал про обратные примеры)

ну я имел ввиду пример , когда тест нужен ) без кода , на словах

Просто тестить рендер дивов я не понимаю нафига

Контейнер рендерящий своё содержимое при матче соответствующего медиа реквеста <Media landscape portrait phone tablet desktop> inner component </Media>

с тестами такая вещь, что ты так или иначе время тратишь на клик-тестирование, но это время никак не фиксируется и уходит в никуда

но это с дивана

обычно все забивают на фронт-тесты

не знаю насколько это правильно

Контейнер рендерящий своё содержимое при матче соответствующего медиа реквеста <Media landscape portrait phone tablet desktop> inner component </Media>

И тут что то можно сломать?) он же элементарный. Либо я тесты не так понимаю

Контейнер рендерящий своё содержимое при матче соответствующего медиа реквеста <Media landscape portrait phone tablet desktop> inner component </Media>

Совсем не mobile first

обычно все забивают на фронт-тесты

Не ну тесты для логики хорошая вещь

обычно все забивают на фронт-тесты

Кто забивает?

где я работал везде забивали

можешь сказать что я лох и работал в васянских конторах

и даже отчасти прав будешь

Я тоже большую часть жизни тесты не писал, релакс

И тут что то можно сломать?) он же элементарный. Либо я тесты не так понимаю

А ты видишь сколько здесь булеанов в пропсах?

И каждая комбинация даёт свой медиа реквест

А ты видишь сколько здесь булеанов в пропсах?

Компонент просто “передумать” надо, и не будет с ним проблем

С компонентом все в порядке

можно сделать мемас

где чувак с маленьким мозгом пишет компоненты

а с большим передумывает

С ним нет проблем

С компонентом все в порядке

Ну давай добавим еще один breakpoint

а с большим передумывает

Лол))

Ну давай добавим еще один breakpoint

Я кажется не совсем понятно описал

где чувак с маленьким мозгом пишет компоненты

Я вообще садомазо заяц

Это обертка вокруг уже имеющихся брейкпоинтов

Он не прокладывает новые

Еще сложнее тогда

@ZeroBias где ты такой крутой работаешь? просто интересно

99.9% реакт медиа матчеров именно так и работают, точнее 99% еще и query писать заставляют. Это то как оно работает, но не правильный вариант предоставления интерфейса для решения задачи

Да, я понимаю, апи вида () => <> <Media phone>для мобилок</Media> <Media tablet desktop>не для мобилок</Media> </> это очень сложно но я в тебя верю

Ещё та же база для стайлед миксинов используется

media.phone’ phone styles ‘

“mobile first” - когда если чего-то лет, то оно уходит “налево”, пока в базвый слой мобилки не упирается. Стабильно может работать только если реализовано в switch/case <MediaMatcher mobile={"render for mobile"} // tablet={"tablet"} // mobile will be rendered for missing tablet desktop={"render desktop"} />

Ты похоже так и не понял про что я

Да, я понимаю, апи вида () => <> <Media phone>для мобилок</Media> <Media tablet desktop>не для мобилок</Media> </> это очень сложно но я в тебя верю

хаха, вот ты незнайка. под мобилки уже давно приложения можно выпускать. хаха.

заметим что база то другая. В стайлед копонентах медиа выражения перетирают друг друга права налево, от декстопа в до мобилки, и все базовые стили - в мобилке

Значит не понял

Тут я бессилен

Ты похоже так и не понял про что я

Скажи честно - ты больше про сходимости рядов или фронтенд верстку?

Брейкпоинты тут сделаны стык в стык

Компонент покрывает все варианты

ERROR: S client not available

Скажи честно - ты больше про сходимости рядов или фронтенд верстку?

Я про то чтобы головой не только есть

Пацаны, я сейчас что то сложное показал?

Скажи честно - ты больше про сходимости рядов или фронтенд верстку?

заскриньте это пожалуйста

медия выражения не должны быть в стык-в-стык. Это открытые интервалы

Одно другому не мешает

День добрый. При переходе назад в браузере зацикливаются страницы :(. К примеру, открываю страницу "users", смотрю историю (если зажать кнопку назад в хроме), все нормально возврат на начальную страницу браузера. Перехожу на страницу "report", в истории появляется аж 3 страницы в место одной. Делаю возврат назад, из истории ничего не удаляется, а наоборот добавляется еще 1 страница. Делаю еще раз назад, возвращается на страницу "report", и снова добавляется запись в история. И дальше все по циклу. Подскажите куда копнуть :(

Попробуй допустить на секунду что я говорю не о том что ты представил

Попробую представить что ты представил что я представил

еще передумать надо это все

У меня просто жена сильно помещена на респонзив, и сильно сильно его ботает

есть мобилка, таблетка, декстоп Если ты на таблетке, но не определил стили для нее - берутся с мобилки. Если ты на дестопе, но не определены стили - берутся с таблетки. “Mobile first” в чистом виде. Никакие дискретные матчи не пойдут - это открытые варианты. Потому и обычные Query не пойдет, потому что мобилка ВСЕГДА будет матчится true

есть мобилка, таблетка, декстоп Если ты на таблетке, но не определил стили для нее - берутся с мобилки. Если ты на дестопе, но не определены стили - берутся с таблетки. “Mobile first” в чистом виде. Никакие дискретные матчи не пойдут - это открытые варианты. Потому и обычные Query не пойдет, потому что мобилка ВСЕГДА будет матчится true

Он определяет все стили просто)

Даже если дублируются

Этот компонент вкладывается друг в друга, ты можешь определить такие дефолты, какие тебе будут удобнее

Этот компонент вкладывается друг в друга, ты можешь определить такие дефолты, какие тебе будут удобнее

Стайлед не вкладывается

Да, потому что подход с компонентом мне нравится больше))

Давай устроим media marcher fight - надо что кто-то придумал задачу, а мы ее решим разными компонентами.

О, ща

Ребят, кто поможет!? не могу понять. Запустил бумеранг. Передаю в App state с нужными данными но как их получить обратно в нужный мне инпут. updateData = (id, value) => { this.state.todos.filter((todo, index) => todo.id !== id); this.setState({ id: id, inputValue: value }); } render() { return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h1 className="App-title">To Do List</h1> </header> <div className="todo-wrapper"> <Header /> <TodoInput todoText="" addTodo={this.addTodo} /> <ul> { this.state.todos.map((todo) => { return <TodoItem todo={todo} updateData={this.updateData} key={todo.id} id={todo.id} removeTodo={this.removeTodo}/> }) } </ul> <Test> </Test> </div> </div> );

У него лицо криминальное, чот очково такому отвечать

Ребят, кто поможет!? не могу понять. Запустил бумеранг. Передаю в App state с нужными данными но как их получить обратно в нужный мне инпут. updateData = (id, value) => { this.state.todos.filter((todo, index) => todo.id !== id); this.setState({ id: id, inputValue: value }); } render() { return ( <div className="App"> <header className="App-header"> <img src={logo} className="App-logo" alt="logo" /> <h1 className="App-title">To Do List</h1> </header> <div className="todo-wrapper"> <Header /> <TodoInput todoText="" addTodo={this.addTodo} /> <ul> { this.state.todos.map((todo) => { return <TodoItem todo={todo} updateData={this.updateData} key={todo.id} id={todo.id} removeTodo={this.removeTodo}/> }) } </ul> <Test> </Test> </div> </div> );

Может изза того, что ты объект целиком прокидываешь, попробуй только примитивы в пропсы прокинуть. value={todo.inputValue}

У него лицо криминальное, чот очково такому отвечать

Криминальный разработчик... ?

Ахах)) Зачем угорать над бедолагой)) Уже второй день мучаюсь с этими инпутами))

Ахах)) Зачем угорать над бедолагой)) Уже второй день мучаюсь с этими инпутами))

Тебе вчера нормально объясняли — выводов никаких ты не сделал, поэтому никто не пытается помочь

Давай устроим media marcher fight - надо что кто-то придумал задачу, а мы ее решим разными компонентами.

Есть кнопка удаления. 1) на телефоне показывается только иконка, экономим место 2) на планшете иконки нет, так как помещается нормальный текст. 2.1) Горизонтально помещается текст "Remove colum" 2.2) Вертикально только "Remove" 3) На десктопе помещается и иконка и текст "Remove one column"

Я извиняюсь за вырвиглазные пиксели, я хз почему puppeteer так снимает

Я извиняюсь за вырвиглазные пиксели, я хз почему puppeteer так снимает

Окей. Взял в работу.

У меня готово, если что