How to set NGRX state before a cypress e2e test?

Question

I am trying to write e2e tests for one of my UI pages which depend on NGRX state. Not sure how to set the NGRX state before starting the test. Could you please help me with this?

Answer 1

Have you read this article? https://www.cypress.io/blog/2018/11/14/testing-redux-store/

It details how to set up your tests to access / read state.

I would recommend following the steps there. For setting up the state of your store, you have two options:

1. Manually in the code dispatch the correct actions that will get your state into the position you need for the test. This could be done programatically, or via cypress itself by firing off click/select/type events.
2. Using NgRx 8, you can mock the store and mock selectors.

In a unit testing scenario I would argue using #1's programatic approach is a poor choice, but given this is an e2e test, both options are viable IMO.