johnsardine

export function nodeTreePath(element) {
  const path = [];
  let currentEl = element;
  while (currentEl) {
    path.push(currentEl);
    currentEl = currentEl.parentElement;
  }
  return path;
}

johnsardine

jest.mock('@/Api', () => require('@/ApiMock'));

johnsardine

export default {
  fetchData() {
    return Promise.then({
      message: 'This is a static value',
    });
  },
};

johnsardine

export default {
  fetchData() {
    return fetch('/application-data/');
      .then(function() {
        return response.json();
      });
  },
};

johnsardine

module.exports = {
  rootDir: './webapp',
  moduleFileExtensions: ['vue', 'js', 'json', 'jsx', 'node'],
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>src/$1',
  },
  mapCoverage: true,
  transform: {
    '^.+\\.jsx?$': 'babel-jest',
    '^.*\\.(vue)$': 'jest-vue',

johnsardine

module.exports = {
  rootDir: './webapp',
  moduleFileExtensions: ['vue', 'js', 'json', 'jsx', 'node'],
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>src/$1',
  },
  mapCoverage: true,
};

johnsardine

// Import jQuery to be used on this file
import jQuery from 'jquery';

// Expose jQuery to window to be used by 
// other external scripts such as your Angular application
window.jQuery = jQuery;

johnsardine

<template>
  <h1>Hello {{ subject }}!</h1>
</template>
<script>
export default {
  name: 'hello-subject',
  props: {
    subject: {
      type: String,
    },

johnsardine

<div id="HelloSubject">
  <h1>Hello {{ subject }}!</h1>
</div>

johnsardine

function SampleAngularController($scope, $element) {
  // Create mounting point
  const MountingPoint = document.createElement('div');
  
  // Place mounting point in target location
  $element.appendChild(MountingPoint);
  
  // Create Vue component
  const ComponentVM = new Component({
    propsData: {