Народ, кто нибудь может помочь настроить jest?

Народ, кто нибудь может помочь настроить jest?

а чего он у тебя расстроился то？?

С кармы пытаюсь перейти, куча ошибок:)

``` .../node_modules/vue-spinner/src/MoonLoader.vue:1 ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){<template> ^ SyntaxError: Unexpected token < 6 | :disabled="isLoading ? true : disabled" 7 | tabindex="0"> > 8 | <template v-if="isLoading"> 9 | <app-moon-loader color="blue" 10 | size="25px" /> 11 | </template> at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:307:17) at src/components/app-button.vue:8:19 at Object.<anonymous> (src/components/app-button.vue:66:3)```

Вот одна из очередных

так это не jest ошибка

синтаксическая ошибка

Да но происходит она только когда я тесты запускаю

дай файл на исполнение ноде и такая же ошибка будет

jest тесты запускает только лишь

Если я правильно тебя понимаю, при билде тоже должна быть ошибка?

babelrc для теста как настроили

С кармы пытаюсь перейти, куча ошибок:)

Тоже была куча проблем при переходе на jest. Если всё совсем плохо, можешь попробовать https://github.com/egoist/tyu

Или хотя бы глянуть конфиги jest в его исходниках

Я глядел пару конфигов

Сейчас скину свой

{ "presets": [ [ "env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } } ], "stage-2", "stage-3", "env", "es2015", "es2016" ], "plugins": ["transform-runtime"], "env": { "test": { "presets": ["env", "stage-2"], "plugins": [ [ "module-resolver", { "root": ["./src"], "alias": { "@": "./src" } } ] ] } } }

А конфиг jest'a?

"jest": { "moduleFileExtensions": [ "js", "vue" ], "transform": { "^.+\\.js$": "<rootDir>/node_modules/babel-jest", ".*\\.(vue)$": "<rootDir>/node_modules/jest-vue-preprocessor" } }

https://github.com/vire/jest-vue-preprocessor/issues/10

Я соврал я поменял jest-vue-preprocessor на vue-jest

Привет ребят! Наконец появился новый подходящий проект, думаю делать его на vue ) раньше на vue ничего не писал

Можете посоветовать какой-нибудь boilerplate c установленным vue + vuex + vue-router?

на гитхабе что-то есть, но там годовалой давности, или больше даже

Я соврал я поменял jest-vue-preprocessor на vue-jest

Сюда тогда

https://github.com/vuejs/vue-jest/issues/5

https://github.com/vuejs/vue-jest/issues/5

Спасибо

Если я правильно тебя понимаю, при билде тоже должна быть ошибка?

конечно, должна

нода ошибку выдает

Никто не скажет, как можно использовать nuxt.js + vue material?

Реально ли это

Реально ли это

реально https://github.com/vuetifyjs/nuxt

ребят, ни у кого нет пдф или ипаб книги по es6/es7 ? скиньте пожалуйста если есть

С кармы пытаюсь перейти, куча ошибок:)

попробуй ava

ребят, подскажите как мне задать класс: у меня есть переменна с blockName = 'className' она меняется, и я хочу что-бы присваился класс который в этой переменной

:class="blockName" - не?

Есть прям в документации же примеры

Надо сказать, корявые они там. Возникает ощущение, что класс динамически биндить можно только из объекта

Надо сказать, корявые они там. Возникает ощущение, что класс динамически биндить можно только из объекта

Согласен

https://jsfiddle.net/8t31hh2f/7/ Подскажите пожалуйста, начал изучать vue. Не обновляется options внутри VueTreeselect

Как быть

:class="blockName" - не?

не работает так

не работает так

:class="[blockName]"

Ну так попробуйте

ребят, подскажите как мне задать класс: у меня есть переменна с blockName = 'className' она меняется, и я хочу что-бы присваился класс который в этой переменной

переменная в data находиться?

:class="[{'_visible': visible}, title]"

вот так работает ))) у меня несколько классов по разным аргументам задаются )

https://jsfiddle.net/8t31hh2f/7/ Подскажите пожалуйста, начал изучать vue. Не обновляется options внутри VueTreeselect

Как твои es6 импорты там отрабатывать должны?

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

хз чет стремный кейс

мб наоборот?

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

и в родителе слушай

хранилища для слабаков!

через хранилище фигачим?

Данные вниз, события вверх

Народ - а можно както на разных вкладках браузера использовать один и тот же инстанс vue?

Если данные нужны одни, то можно стор через локалсторадж синкать

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

Зачем вебсокеты?

ERROR: S client not available

у меня в хранилище уже ужас сколько данных, хотя это 100% только мне так кажется

Может просто в локал сторадж писать что уже есть ws, новый открывать не нужно, а данные шарить в localsorage

Должно сработать

Ну да, будет мастер-вкладка) она будет держать соединение

Наверное. Не пробовал так

Только там прикол как мне понять что все данные из локал стораджа ушли во все вкладки? Можно конечно просто всё это хранить в локал сторадже и оттуда читать. Но мне как-то правильнее кажется хранить там только то что может пригодиться потом, после переоткрытия браузера.

Что значит ушли?

есть модуль для vue специальный, который vuex на основе localstorage хранит, думать не надо, просто пишешь, оно само все делает

В данном случае же цель - держать один коннект на браузер и синкать состояние между вкладками

Ну смотри. Вот я по вебсокету получил данные, которые надо хранить в приложении. Я эти данные записал в локалстораж чтобы все вкладки оттуда считатли данные. Этакий сервис очередей. Только у меня нет ничего по чему я смогу понять что все считали данные и их можно чистить.

Чотт я переусложнаяю наверн.

Вуекс в локалсторэейдже это чтото адовое, но проблему решит.

Ааа, ну можно придумать. Когда вкладка открывается, она регается. Когда данные читаются, ты отмечаешь, кто уже их прочитал. Если все активные прочитали, то стираешь.

А ты вообще уверен, что тебе оно надо?

Может и не надо :) Но хорошо что есть с кем обсудить. Хороший чатик

Ну так тема интересная) как минимум побаловаться

Так что если есть время, то прям можно попробовать

Посоветуйте мощный компонент таблиц и графиков. Если графики будут строиться на основе таблиц – адеально :) Можно платный, если такие есть.

таблицы на основе данных

мне кажется - скармливать и таблицам и графикам одни данные

и все

ну это я так)) выебнулся)) соре)

таблицы на основе данных

Ну это понятно :) Мне нужно компонент, чтобы все вещи типа сортировок, пагинации и скрытия колонок уже были сделаны.

https://github.com/vuejs/awesome-vue

https://github.com/spatie/vue-table-component

тут есть несколько компонентов

Здравствуйте! Можете подсказать - как реализовать гармошку. Есть таблица на div-ах, нужно к ней приделать кнопку, при нажатии которой открывалась информация некоторая, и соответсвенно, при повторном нажатии информация скрывалась. Предполагаю, что нужно смотреть в сторону делегирования событий https://learn.javascript.ru/event-delegation Там внизу есть задание - Раскрывающееся дерево. Правильно я понимаю, что это то, что мне нужно, чтобы реализовать гармошку? И главный вопрос - как такое реализовать на vue.js - где/что почитать про делегирование на vue.js

Вячеслав, боюсь, вы не по адресу. Вам сначала с JS надо разобраться, а потом уже за Vue браться

Можно и не делегированием, можно делегированием. + к Денису.