@vuejs_ru - страница 1475 - Telegram web archive

Максим

просто есть еще vue2-quill-editor

https://github.com/davidroyer/vue2-editor вот еще есть) в гугле забанили?

VasiliyIT

подскажите как обвертку сделать для скрипта( че то не выходит

через createElement можно, я так яндекс карту для сайта подключал

Oleksandr

Подскажите, пожалуйста: есть компонент Vue.component('simple', { template: '<div>\ {{ message }}\ </div>', data: function () { return { message: 'Привет, Vue!' } }, mounted: function () { console.log('mounted', this.$el) }, }) пробую его тестировать в jest, создаю экземпляр с помощью vue-tests-utils var wrapper = VueTestUtils.mount(Vue.component('simple'), { localVue }) в браузере в хуке mounted выводится в консоль отрендеренный элемент, а в тесте такая байда mounted Comment { vue: VueComponent { _uid: 0, _isVue: true, '$options': { components: [Object], ... также, wrapper.html() == undefined как сделать что б монтирование отрабаывало и компонент рендерился?

Armen

Подскажите, пожалуйста: есть компонент Vue.component('simple', { template: '<div>\ {{ message }}\ </div>', data: function () { return { message: 'Привет, Vue!' } }, mounted: function () { console.log('mounted', this.$el) }, }) пробую его тестировать в jest, создаю экземпляр с помощью vue-tests-utils var wrapper = VueTestUtils.mount(Vue.component('simple'), { localVue }) в браузере в хуке mounted выводится в консоль отрендеренный элемент, а в тесте такая байда mounted Comment { vue: VueComponent { _uid: 0, _isVue: true, '$options': { components: [Object], ... также, wrapper.html() == undefined как сделать что б монтирование отрабаывало и компонент рендерился?

Чот не понимаю чо ты делаешь

Armen

Vue.component объявляет компонент

Armen

Или я чего-то не знаю?

Oleksandr

я пытаюсь тестировать компоненты не черех однокомпонентные файлы .vue и без webpack

Armen

Ща сек, надо доки чекнуть

Oleksandr

Vue.component('simple') - так я получаю свой компонент в тесте

Oleksandr

Vue.component('simple').options - это обьект с опциями с которыми я обьявляю компонент

Armen

Да, уже нашёл в доках, что так можно

Armen

Попробуй так: import { shallow } from '@vue/test-utils'; const wrapper = shallow(Vue.component('simple').options, { localVue });

Armen

Oleksandr

Попробуй так: import { shallow } from '@vue/test-utils'; const wrapper = shallow(Vue.component('simple').options, { localVue });

вроде сработало, теперь выводит в консоль mounted HTMLDivElement { vue: VueComponent { _uid: 0, _isVue: true, '$options': { components: [Object], ... не совсем то что я ожидал, но уже можно находить элементы, вызывать клики и т.д. спасибо большое! 😊

Armen

вроде сработало, теперь выводит в консоль mounted HTMLDivElement { vue: VueComponent { _uid: 0, _isVue: true, '$options': { components: [Object], ... не совсем то что я ожидал, но уже можно находить элементы, вызывать клики и т.д. спасибо большое! 😊

Armen

Oleksandr

приятного!

Armen

Спс

Максим

Спс

тебе надо авку на этого деда сменить)

Armen

тебе надо авку на этого деда сменить)

Это ж не я его сюда принёс, а Иван

Максим

и общаться только этими стикерами

Armen

Я только вчера себе добавил

Armen

https://github.com/nuxt/nuxt.js/issues/2818 кому не лень посмотрите, может будут идеи почему так, а то nuxt-овская команда чот не спешит

Andy

народ, кто-то как-то пытался отойти от вот этого “object.sub_object.property”, когда работа с такой нотацией часто вызывает “Cannot read property ‘property’ of undefined”, в случае если одного из суб-объектов или свойств нет? знакомый рассказал как он юзает ImmutableJS на реакте, вроде он эту проблему решает.. а кто как эту проблему решает из вас? пишете “if (object.sub_object)” ?

Armen

народ, кто-то как-то пытался отойти от вот этого “object.sub_object.property”, когда работа с такой нотацией часто вызывает “Cannot read property ‘property’ of undefined”, в случае если одного из суб-объектов или свойств нет? знакомый рассказал как он юзает ImmutableJS на реакте, вроде он эту проблему решает.. а кто как эту проблему решает из вас? пишете “if (object.sub_object)” ?

object.sub_object && object.sub_object.property

Andy

та да, я так тоже делаю, но это жестко, что везде так приходится

Andy

так и живем?

Armen

Ну лично мне не много где вообще это надо

Armen

Стараюсь разбивать объекты на более мелкие перед обработкой

Ilya

ребят, кто шарит как можно в компоненте отрендерить html файл(<template src = "index.html"></template>), который бы в html теле - мог бы иметь тег <script>. Вот пример index.html

Ilya