question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support component loaded via vue-loader

See original GitHub issue

It components are loaded via vue-loader then window doesn’t contains Vue property. Need to investigate how vue-loader performs component loading.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:1
  • Comments:8 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
das-menschcommented, Aug 30, 2017

I was facing the same problem. A little workaround could be (using testcafe):

const setFakeVue = ClientFunction(() => {
    window.Vue = {version: "2.2.6"};
});

fixture `Home`.page('url').beforeEach(async t => {
    await setFakeVue();
});
0reactions
leonardovilarinhocommented, Feb 27, 2018

Hi @miherlosev, I found my error!

The Vue documentation suggests use the camel case to declare the component names. For example: List; ListItem.

But in the testcafe-vue-selector code there is a transformation filter for lowercase in the tags. Resulting in: list; listitem.

Then search the testcafe for “list” and do not find the element, because “l” is in lowercase.

I’ll take you in the PR (#35). Now, the plugin allows the camel case format and suit components names.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vue Single-File Component (SFC) Spec - Vue Loader
vue -loader supports using non-default languages, such as CSS pre-processors and compile-to-HTML template languages, by specifying the lang attribute for a ...
Read more >
Using vue-loader to create single-page applications
What is vue-loader , you ask? It's a webpack loader that supports defining Vue.js components in single files known as single-file components ......
Read more >
How To Add Loading Indicators to a Vue.js Application
Using Loaders within Components. There are times when you are not making a page request or an AJAX request. It may just be...
Read more >
Vue 3 - show loader until all child components are loaded
In vue3 you have a Suspense component that might help cf. https://v3-migration.vuejs.org/breaking-changes/suspense.html.
Read more >
Lazy Loading Individual Vue Components and Prefetching
Async components · dynamic component that will be loaded lazily represented by import() function · loading component that will be shown until ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found