aptiko

context.app.$hello = 'world'
Vue.prototype.$hello = 'world'

aptiko

export default (context, inject) => {
  inject('hello', 'world')
}

aptiko

import Vue from 'vue'

Vue.prototype.$hello = 'world'

aptiko

import Vue from 'vue'

const myVuePlugin = {
  install(Vue, options) {
    Vue.prototype.$hello = 'world'
  },
}

Vue.use(myVuePlugin)
myVueInstance = new Vue()

aptiko

import { shallowMount } from '@vue/test-utils'
import LoginForm from '@/components/LoginForm.vue'
import { BootstrapVue, BModal } from 'bootstrap-vue'
  
describe('LoginForm', () => {
  let wrapper
  
  beforeAll(() => {
    Vue.use(BootstrapVue)
    const container = document.createElement('div')

aptiko

<template>
  <div>
    <b-modal @shown="focusUsername">
      <b-form-input
        ref="username"
        v-model="username"
        :placeholder="Username"
      ></b-form-input>
    </b-modal>
  </div>

aptiko

import LoginForm from '@/components/LoginForm.vue'
import axios from 'axios'

describe('LoginForm', () => {
  let wrapper
  
  beforeAll(() => {
    wrapper = mount(LoginForm, {
      mocks: {
        $axios: axios,

aptiko

import { rest } from 'msw'
import { setupServer } from 'msw/node'

describe('LoginForm', () => {
  let server

  beforeAll(() => {
    server = setupServer(
      rest.post('/auth/login/', (request, response, context) => {
        const username = request.body.username

aptiko

import { mount } from '@vue/test-utils'
import Navbar from '@/components/Navbar.vue'
describe('Navbar', () => {
  test('gets loggedOnUser from store', () => {
    const wrapper = mount(Navbar, {
      mocks: {
        $store: { state: { loggedOnUser: 'alice' } },
      },
    })
    expect(wrapper.vm.loggedOnUser).toBe('alice')

aptiko

export default {
  computed: {
    loggedOnUser() {
      return this.$store.state.loggedOnUser
    },
  },
  // ...
}