Error: Uncaught [Error: Could not find "store" in the context of "Connect(RestaurantsList)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(RestaurantsList) in connect options.]App.js has the Provider with store, so I'm not sure where the issue is. Wondering if this is a common issue or not
wrapper = mount(RestaurantList, {localVue, store, vuetify: new Vuetify()});
findByTestId function, all tests were passing. After that function, it's telling me TypeError: Cannot read property 'text' of undefined. Here is the repo, if somebody has a chance to take a look at the code: https://github.com/jstrother/opinion-ate/tree/list-restaurants
findByTestId() function isn't returning a value. If you add a return keyword in front of it, it passes: return wrapper.findAll…". The example in the code doesn't have curly braces around the function, so it's the "expression" form of an arrow function that automatically returns the value without the "return" keyword
Thats very generous of you thank you. At the moment, ive realized im going to need to create an abstract pattern (repository? usecase?) thats look at to see if ive already saved an entity to my database, and if not, fetch it from an external API (youtube, spotify, etc)
I can post the code, but im also still trying to learn about the best pattern for the above, as ive currently just performed that pattern once but i believe ill have to do that repeatedly. Talk soon!
Could not find "store" in the context of "Connect(RestaurantList)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corresponding React context consumer to Connect(RestaurantList) in connect options.
Did I miss something in this chapter, please?
I more used to work with hooks and frameworks like Rematch, so I can't see easily the solution.
CypressError: Timed out retrying: cy.wait() timed out waiting 5000ms for the 1st request to the route: 'addRestaurant'. No request ever occurred.OK, I ran your code locally. It looks like you've reached this point in the tutorial: https://outsidein.dev/vue/6-writing-data.html#creating-the-api-method
If you open the browser console in Cypress, you'll see the error "TypeError: t.createRestaurant is not a function" described in the tutorial. The tutorial describes where to go from there.
From a troubleshooting standpoint, note that the Axios request is not yet actually implemented in the code, and no network request appears in the Network tab of the browser tools.
Hello @CodingItWrong, I've finished your wonderful tutorial. Thanks a lot for this highly valuable material!
Now, I'd like to learn more about clean architecture, how to separate business and ui logics with use cases/entities or maybe with business custom hooks. Do you have any advices to dive into those topics, please?
@ericledonge you're right, I haven't been able to find much information on clean architectural style code for the frontend either. For Vue and React so far I've stuck closer to "standard" frontend architecture.
If anyone has done it, it's James Shore. He has a resource http://www.letscodejavascript.com/ that is somewhat dated but takes the approach you describe. If you ignore some of the older build tooling stuff, I'm sure there will be helpful architectural principles in there.
@bamofah I haven't tried nextjs so I'm not sure. Your safest bet may be doing the tutorial in normal react, then afterward trying to apply the techniques to next and see what is or isn't similar
I haven't used bitbucket pipelines, but our use of CI is very simple here, so I'm sure there are tutorials out there for how to run jest and cypress on bitbucket that would be compatible with this approach