Skip to content

BootstrapVue component is not stubbed when changing order of localVue.use() #754

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Trainmaster opened this issue Jun 25, 2018 · 4 comments
Labels

Comments

@Trainmaster
Copy link

Trainmaster commented Jun 25, 2018

Version

1.0.0-beta.20

Reproduction link

https://github.com/Trainmaster/vue-sandbox/tree/components-not-being-stubbed

Steps to reproduce

First run yarn && yarn test and the following output will be displayed:

LOG: '<div><div id="collapse" class="collapse" style="display: none;"></div> <custom-component-stub></custom-component-stub></div>'

Then change the order of the localVue.use() statements in tests/CollapseTest.js to:

localVue.use(Vuex);
localVue.use(BootstrapVue);

Now the output is:

LOG: '<div><a-stub id="collapse"></a-stub> <custom-component-stub></custom-component-stub></div>'

What is expected?

The html of the rendered component should not depend on the order of localVue.use().

What is actually happening?

The html of the rendered component differs when changing the order of localVue.use().


This also causes some weird errors such as

ERROR: '[Vue warn]: Error in callback for watcher "visible": "TypeError: Cannot read property '_transitionClasses' of undefined"

found in

---> <BCollapse>
       <Settings> at xxx.vue
         <Root>'
ERROR: TypeError: Cannot read property '_transitionClasses' of undefined
TypeError: Cannot read property '_transitionClasses' of undefined
    at Array.updateClass (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29658:28)
    at patchVnode (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29161:62)
    at updateChildren (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29052:9)
    at patchVnode (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29166:29)
    at updateChildren (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29052:9)
    at patchVnode (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29166:29)
    at updateChildren (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29052:9)
    at patchVnode (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29166:29)
    at updateChildren (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29052:9)
    at patchVnode (http://localhost:9876/absolute/home/xxx/ComponentTest.js?70538298638acedc293906d3e2725d00bed9286f:29166:29)

in our test suite.

@BartekZienkiewicz
Copy link

I also had a problem with _transitionClasses and in my case the problem was solved when I installed a newer version of vue and vue-template-compiler

@Trainmaster
Copy link
Author

@BartekZienkiewicz Please see the provided reproduction link, I'm already using the latest versions of vue and vue-template-compiler.

@rubanraj54
Copy link

I also had a problem with _transitionClasses and in my case the problem was solved when I installed a newer version of vue and vue-template-compiler

I've the same issue and upgraded the vue-template-compiler version to latest (2.5.22) but still the problem exists. Any solution for this?

@eddyerburgh
Copy link
Member

The original issue has been fixed. Please open a new issue with a minimal reproduction

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants