lawliet

lawliet

Member Since 1 Week Ago

Experience Points 50
Experience Level 1

4,950 experience to go until the next level!

In case you were wondering, you earn Laracasts experience when you:

  • Complete a lesson — 100pts
  • Create a forum thread — 50pts
  • Reply to a thread — 10pts
  • Leave a reply that is liked — 50pts
  • Receive a "Best Reply" award — 500pts
Lessons Completed 0
Lessons
Completed
Best Reply Awards 0
Best Reply
Awards
  • start-engines Created with Sketch.

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • first-thousand Created with Sketch.

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • 1-year Created with Sketch.

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • 2-years Created with Sketch.

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • 3-years Created with Sketch.

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • 4-years Created with Sketch.

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • 5-years Created with Sketch.

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • school-session Created with Sketch.

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • welcome-newcomer Created with Sketch.

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • full-time-student Created with Sketch.

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • pay-it-forward Created with Sketch.

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • subscriber-token Created with Sketch.

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • lifer-token Created with Sketch.

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • lara-evanghelist Created with Sketch.

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • chatty-cathy Created with Sketch.

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • lara-veteran Created with Sketch.

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • 10k-strong Created with Sketch.

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • lara-master Created with Sketch.

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • laracasts-tutor Created with Sketch.

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • laracasts-sensei Created with Sketch.

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • top-50 Created with Sketch.

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

11 Aug
1 week ago

lawliet started a new conversation Window.app TypeError: Cannot Read Property ‘context’ Of Undefined

Dear All ,

I am trying to mount a component in test file using vue test util. I am getting a below error right after the below import statement.

import { mount, createLocalVue } from '@vue/test-utils'
// this import statement is throwing the error.
import handshake from "../../../../client/js/components/handshake.vue";
import VueRouter from 'vue-router';
import Vuelidate from 'vuelidate';
import VeeValidate from 'vee-validate';
import Vue from 'vue';


const localVue = createLocalVue();
localVue.use(VueRouter);
Vue.use(Vuelidate); 


describe('Hand shake Test Suite1',()=>{
it('snapshot testing',()=>{
    const router = new VueRouter();         
    const wrapper =mount(handshake);
     
});

});

Below error is thrown in the console .

 ? Test suite failed to run

   TypeError: Cannot read property 'context' of undefined

      5 | const context = Object.assign({
      6 |   csrfToken: null
   >  7 | }, window.app.context);
        |               ^
      8 |
      9 | export default context;
     10 |

     at Object.context (client/js/context.js:7:15)
     at Object.<anonymous> (client/js/models/handhshake-workflow-model-validations
js:7:1)
     at client/js/components/handhshake.vue:281:1
     at Object.<anonymous> (client/js/components/handhshake:355:3)
     at Object.<anonymous> (test/unit/client/components/handhshake.test.js:2:

When I reviewed the vue file, it is importing a js file for one of its data and it that js file window.app is being called. This is where the error is coming from.

'use strict';

// These properties will be set from window.app.context, which is set by the server side
// You can see how the server sets this value in: $/server/startup/handlebars.js
const context = Object.assign({
  csrfToken: null
}, window.app.context);

export default context;

I am not sure how to make this Window.app visible in my test file or is there any other way to get around it. Can anyone please help me.