#caseimport

[codehunter]

Invariant Violation: Could not find "store" in either the context or props of "Connect(SportsDatabase)"

Full code here: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4

Hi,

I have an application where it shows different templates for desktop and mobile on basis of build environment.

I am successfully able to develop it where I need to hide the navigation menu for my mobile template.

right now I am able to write one test case where it fetches all the values through the proptypes and renders correctly

but not sure how to write the unit test cases when its mobile it should not render nav component.

I tried but I am facing an error...can you tell me how to fix it.

provding code below.

Test case

import {expect} from 'chai';import React from 'react';import TestUtils from 'react-addons-test-utils';import {SportsTopPortion} from '../../../src/components/sports-top-portion/sports-top-portion.jsx';require('../../test-utils/dom');describe('"sports-top-portion" Unit Tests', function() { let shallowRenderer = TestUtils.createRenderer(); let sportsContentContainerLayout ='mobile'; let sportsContentContainerProfile = {'exists': 'hasSidebar'}; let sportsContentContainerAuthExchange = {hasValidAccessToken: true}; let sportsContentContainerHasValidAccessToken ='test'; it('should render correctly', () => { shallowRenderer.render(<SportsTopPortion sportsWholeFramework={sportsContentContainerLayout} sportsPlayers={sportsContentContainerProfile} sportsAuthentication={sportsContentContainerAuthExchange} sportsUpperBar={{activeSportsLink:'test'}} />); //shallowRenderer.render(<SportsTopPortion sportsWholeFramework={sportsContentContainerLayout} sportsPlayers={sportsContentContainerProfile} hasValidAccessToken={sportsContentContainerHasValidAccessToken} />); let renderedElement = shallowRenderer.getRenderOutput(); console.log("renderedElement------->" + JSON.stringify(renderedElement)); expect(renderedElement).to.exist; }); it('should not render sportsNavigationComponent when sports.build is mobile', () => { let sportsNavigationComponent = TestUtils.renderIntoDocument(<SportsTopPortion sportsWholeFramework={sportsContentContainerLayout} sportsPlayers={sportsContentContainerProfile} sportsAuthentication={sportsContentContainerAuthExchange} sportsUpperBar={{activeSportsLink:'test'}} />); console.log("sportsNavigationComponent------->" + JSON.stringify(sportsNavigationComponent)); //let footnoteContainer = TestUtils.findRenderedDOMComponentWithClass(sportsNavigationComponent, 'linkPack--standard'); //expect(footnoteContainer).to.exist; });});

Code snippet where test case need to be written

if (sports.build === 'mobile') { sportsNavigationComponent = <div />; sportsSideMEnu = <div />; searchComponent = <div />; sportsPlayersWidget = <div />;}

Error

1) "sports-top-portion" Unit Tests should not render sportsNavigationComponent when sports.build is mobile: Invariant Violation: Could not find "store" in either the context or props of "Connect(SportsDatabase)". Either wrap the root component in a <Provider>, or explicitly pass "store" as a prop to "Connect(SportsDatabase)". at Object.invariant [as default] (C:\sports-whole-page\node_modules\invariant\invariant.js:42:15) at new Connect (C:\sports-whole-page\node_modules\react-redux\lib\components\createConnect.js:135:33) at [object Object].ReactCompositeComponentMixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactCompositeComponent.js:148:18) at [object Object].wrapper [as mountComponent] (C:\sports-whole-page\node_modules\react\lib\ReactPerf.js:66:21) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at ReactDOMComponent.ReactMultiChild.Mixin.mountChildren (C:\sports-whole-page\node_modules\react\lib\ReactMultiChild.js:241:44) at ReactDOMComponent.Mixin._createContentMarkup (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:591:32) at ReactDOMComponent.Mixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:479:29) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at ReactDOMComponent.ReactMultiChild.Mixin.mountChildren (C:\sports-whole-page\node_modules\react\lib\ReactMultiChild.js:241:44) at ReactDOMComponent.Mixin._createContentMarkup (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:591:32) at ReactDOMComponent.Mixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:479:29) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at [object Object].ReactCompositeComponentMixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactCompositeComponent.js:225:34) at [object Object].wrapper [as mountComponent] (C:\sports-whole-page\node_modules\react\lib\ReactPerf.js:66:21) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at ReactDOMComponent.ReactMultiChild.Mixin.mountChildren (C:\sports-whole-page\node_modules\react\lib\ReactMultiChild.js:241:44) at ReactDOMComponent.Mixin._createContentMarkup (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:591:32) at ReactDOMComponent.Mixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:479:29) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at [object Object].ReactCompositeComponentMixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactCompositeComponent.js:225:34) at [object Object].wrapper [as mountComponent] (C:\sports-whole-page\node_modules\react\lib\ReactPerf.js:66:21) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at ReactDOMComponent.ReactMultiChild.Mixin.mountChildren (C:\sports-whole-page\node_modules\react\lib\ReactMultiChild.js:241:44) at ReactDOMComponent.Mixin._createContentMarkup (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:591:32) at ReactDOMComponent.Mixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactDOMComponent.js:479:29) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at [object Object].ReactCompositeComponentMixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactCompositeComponent.js:225:34) at [object Object].wrapper [as mountComponent] (C:\sports-whole-page\node_modules\react\lib\ReactPerf.js:66:21) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at [object Object].ReactCompositeComponentMixin.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactCompositeComponent.js:225:34) at [object Object].wrapper [as mountComponent] (C:\sports-whole-page\node_modules\react\lib\ReactPerf.js:66:21) at Object.ReactReconciler.mountComponent (C:\sports-whole-page\node_modules\react\lib\ReactReconciler.js:37:35) at mountComponentIntoNode (C:\sports-whole-page\node_modules\react\lib\ReactMount.js:266:32) at ReactReconcileTransaction.Mixin.perform (C:\sports-whole-page\node_modules\react\lib\Transaction.js:136:20) at batchedMountComponentIntoNode (C:\sports-whole-page\node_modules\react\lib\ReactMount.js:282:15) at ReactDefaultBatchingStrategyTransaction.Mixin.perform (C:\sports-whole-page\node_modules\react\lib\Transaction.js:136:20) at Object.ReactDefaultBatchingStrategy.batchedUpdates (C:\sports-whole-page\node_modules\react\lib\ReactDefaultBatchingStrategy.js:62:19) at Object.batchedUpdates (C:\sports-whole-page\node_modules\react\lib\ReactUpdates.js:94:20) at Object.ReactMount._renderNewRootComponent (C:\sports-whole-page\node_modules\react\lib\ReactMount.js:476:18) at Object.wrapper [as _renderNewRootComponent] (C:\sports-whole-page\node_modules\react\lib\ReactPerf.js:66:21) at Object.ReactMount._renderSubtreeIntoContainer (C:\sports-whole-page\node_modules\react\lib\ReactMount.js:550:32) at Object.ReactMount.render (C:\sports-whole-page\node_modules\react\lib\ReactMount.js:570:23) at Object.wrapper [as render] (C:\sports-whole-page\node_modules\react\lib\ReactPerf.js:66:21) at Object.ReactTestUtils.renderIntoDocument (C:\sports-whole-page\node_modules\react\lib\ReactTestUtils.js:76:21) at Context.<anonymous> (C:/codebase/sports-whole-page/test/components/sports-top-portion/sports-top-portion-unit-tests.js:28:41) at callFn (C:\sports-whole-page\node_modules\mocha\lib\runnable.js:286:21) at Test.Runnable.run (C:\sports-whole-page\node_modules\mocha\lib\runnable.js:279:7) at Runner.runTest (C:\sports-whole-page\node_modules\mocha\lib\runner.js:421:10) at C:\sports-whole-page\node_modules\mocha\lib\runner.js:528:12 at next (C:\sports-whole-page\node_modules\mocha\lib\runner.js:341:14) at C:\sports-whole-page\node_modules\mocha\lib\runner.js:351:7 at next (C:\sports-whole-page\node_modules\mocha\lib\runner.js:283:14) at Immediate._onImmediate (C:\sports-whole-page\node_modules\mocha\lib\runner.js:319:5)

https://codehunter.cc/a/reactjs/invariant-violation-could-not-find-store-in-either-the-context-or-props-of-connect-sportsdatabase

[charmyposh-blog]

If you are a regular walker, you probably are well aware of the negativity associated with bad walking shoes. Shoes have a lot of impact on our feet and also on our daily fitness routine.

#walkingshoes #runningshoes #gowalk #shoes #walking #sportshoes #sneakers #sepatuolahraga #sepatuwanita #sportsneaker #sepatulari #runningsneaker #bellaastillah #kasutmurahmalaysia #kedaikasutmurah #kasutbegmurah #kasutsukanmurah #makeupbrushset #unicornheadset #caselucu #caseimport #casepink #casemurah #tumblrstuff #canvassneakerscleaner #casepinkpanther #fashion #comfyshoes #running

[suryadi919-blog]

CASE COSTUM make your imagination ______________________ Tersedia: ✅ 3D Case ✅ Softcase ✅ Anti Crack ✅ Flip-Flop ✅ Glitter ---------------------- NB: FREE request Nama/Design/image ______________________ Hubungi kami untuk pemesanan WA 083893515161 bit.ly/banguyestore LINE : suryadi919 -----------------------#applecase #case3d #oppocase #cases4 #pillowcase #casezenfone #marblecase #caseiro #casehandphone #anticrackcase #caseandromax #briefcase #costumcase #casey #couplecase #caseirices #siliconecase #casecouple #papercase #prilaga #receitacaseira #personalizedcase #caseadvan #mobilecase #caseimport #casetermurah #casenokia #leathercase #costumcasemurah #banguyestore https://www.instagram.com/p/B3kgRqtA3-R/?igshid=pzl2ywzjkwid

[trang7997-blog]

Pitbull paw Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.

[tarakan-champions-store]

SOFTCASE PRESISI KOREA HIJAU DAUN ANTI MOLOR READY TARAKAN : SAMSUNG : SAMSUNG M21 SAMSUNG M30S SAMSUNG M20 SAMSUNG A10 SAMSUNG M10 J2 PRO J3 PRO J4 PLUS J5 PRO J5 2015 J7 2016 J7 PLUS J7 PRO J8 2018 A6 PLUS OPPO : REALME 6 PRO REALME C2 REALME 3 REALME 3 PRO REALME 5 REALME 5i REALME 5S REALME C3 REALME 6i REALME 5 PRO A9 2020 A5 2020 A31 2020 A3S A57 A39 A37 A1K OPPO NEO 9 OPPO NEO 10 RENO 2F RENO 2 RENO 1 OPPO F11 PRO OPPO F11 OPPO F7 F9 A5S A7 A12 F5 F3 F1 F1F A35 F1S A59 F1 PLUS R9 F3 PLUS OPPO R9S PLUS VIVO : V17 PRO V15 PRO V15 VIVO S1 VIVO S1 PRO VIVO V19 VIVO V17 VIVO V7 PLUS VIVO V7 VIVO V5 VIVO V5S VIVO Y67 VIVO V11 VIVO V11 PRO VIVO V11i XIAOMI : MI 9 MI 8 LITE REDMI 6A REDMI 5 PLUS REDMI 5A REDMI 5 REDMI 4X REDMI 4A REDMI 5 PLUS IPHONE : IPHONE 5 IPHONE 5G IPHONE 5S IPHONE 6 IPHONE 6S IPHONE 6 PLUS IPHONE 6S PLUS IPHONE 7 PLUS IPHONE 8 PLUS IPHONE 11 #TARAKAN #SOFTCASEKOREA #CASEIMPORT #SOFTCASEPRESISI #KOREACASE #SOFTCASEHP (at Tarakan Champions Store) https://www.instagram.com/p/CFWWJ5lp-NJ/?igshid=pk5z3jheyj22

[tarakan-champions-store]

SOFCASE PRESISI KOREA PINK ANTI MOLOR READY : OPPO : OPPO A9 2020 OPPO A5 2020 OPPO F11 PRO OPPO F11 OPPO A7 OPPO A5S OPPO F9 OPPO A3S OPPO REALME C1 OPPO A5 OPPO A57 OPPO A39 OPPO A37 OPPO F7 OPPO F3 OPPO R9S OPPO A71 IPHONE : IPHONE 6 IPHONE 6S IPHONE 6 PLUS IPHONE 6S PLUS IPHONE 7 IPHONE 8 IPHONE 7 PLUS IPHONE 8 PLUS IPHONE XS MAX ALL TYPE #TARAKAN #SOFTCASE #PINK #HANDPHONE #HP #CASEHP #CASEKOREA #CASEIMPORT (at Tarakan Champions Store) https://www.instagram.com/p/B-LZCw4pTqA/?igshid=en7n6tyz5j9w

[trang7997-blog]

Pitbull flag paw heart Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.

[trang7997-blog]

Pitbull Dandelion Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.

[trang7997-blog]

Pitbull Skeleton Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.

[trang7997-blog]

Pitbull And Peace Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.

[trang7997-blog]

Pitbull heart sunshine Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.

[trang7997-blog]

Pitbull heard a voice Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.

[trang7997-blog]

Cow flag colors Classic T-Shirt

NOT SOLD IN STORES . Only available for a LIMITED TIME, so get yours TODAY! Other styles and colors are available in the options. Get yours before it endsGuaranteed Safe and Secure checkout via Paypal | Visa | Mastercard | Discover | AmexChoose your style and color below**100% Safe & Secure Checkout**VERY High Quality Tees & mugs. poster,phone caseIMPORTANT :Buy 2 or more and get discounted shipping.