is there a way to do this without adding another dependency? Seems like something jest would handle oob
I am getting this error when pressing "Create API key" on https://outside-in-dev-api.herokuapp.com/
error: no pg_hba.conf entry for host "54.92.193.117", user "cfpzjueszqwoid", database "dcqn7u1s2958ca", SSL off
Hello, I had an issue with setting up CI during the course, the issue was addressed on the cypress repo, and they advised updating the github actions version, I resolved the issue on my end already and made a tiny PR to resolve it in the main repo as well, including a screenshot of the error and issue link on cypress repo. might need to update the course content with it as well : ) Thanks for the course man! am 100% enjoying it 😎
PR CodingItWrong/opinion-ate-react#12
PR CodingItWrong/opinion-ate-react#12
anyone got the same error when trying to generate an API key from the heroku link?
@dkprog @Safei-Ashraf @tom751 Sorry for the API errors; I think they should be fixed now. I had to replace the backend with a different technology. I tried testing directly to it and it all seems to be working as before. In the next day or two I'll test it out against the actual React/Vue codebases, but if you run into any errors, please let me know here.
I also want to apologize to everyone for not responding here. I messed up my notification settings so I wasn't hearing about messages. I should get them correctly now.
Hi! I'm having an issue with the react TDD, I receive a CORS error when axios makes the request from my localhost:3000, I've tried adding allow origin header and still the same, how can I Solve this? great explanaition of TDD!!
3 replies
@CodingItWrong thanks for an amazing tutorial Josh. I spent three days and 15+ hours looking for a good frontend TDD tutorial, including paid and free resources, and finally found yours. It's the best of its kind and I can't believe you're not a full-time technical writer. Incredible work. Thank you!
@CrispyCB_gitlab That's a great idea; I think I'll prioritize updating the React exercise to Cypress 7. For Vue, I'll check and see if Vue CLI uses Cypress 7 yet.
Thanks for the suggestion! That'll help a lot of folks.
Update on this: I've decided to stick with the older cy.route() API although it's deprecated in Cypress 7. I made the same decision on a production project. Rationale added to the web site. If y'all know of any other Cypress 7 differences that would affect the tutorial, feel free to let me know!
Wondering if there's something I'm missing...I made it to end of 'Unit Testing the Store' and tests aren't passing. Redux tests are passing fine, but unit tests are failing now for RestaurantList component.
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
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
Great! I'll see if I can add a clear warning at that spot. What was going on is, the named export is the non-Redux-connected component, which the test expects. The default export is the Redux-connected component. For that one to work in the test, Redux setup would be needed in the test itself: that was what the error message you were getting was. Redux setup in App.JS doesn't carry over into the tests.
I'm not sure if it's a change in the way vuetify works but once I started trying to add the v-alert component it wouldn't mount correctly in the tests. You have to instantiate a new instance of vuetify in the mount options. So it has to be
wrapper = mount(RestaurantList, {localVue, store, vuetify: new Vuetify()});
otherwise you get a really unhelpful error and the whole test suite fails
weirdly it's fine initially, only the v-alert component caused the issue
I am in Chapter 3 in the "Stepping Down to a Unit Test" section and the final refactor is giving me fits. Before I made and used the
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
Thanks in advance!
@jstrother OK, I checked it out. What's going on is that your
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
Thanks for the assist.
@atinybeardedman alright, docs updated, see above. i'm going to run through the rest of the vue tutorial to ensure there aren't any other errors related to this that need to be fixed. thanks again for raising the issue!