Integration tests about atomic-layout HOT 3 CLOSED

I may take this setup as the part of #17.

from atomic-layout.

I've installed and configured Cypress, and currently experience the following issue:

tests?p=cypress/integration/index.js-715:2609 It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles not rendering properly, errors happening during rehydration process and makes you application bigger without a good reason.

See https://s-c.sh/2BAXzed for more info.

from atomic-layout.

Multiple styled-components instances were caused by importing Layout class (from the built library) from within the Cypress commands directory. Layout imports styled-components under the hood, therefore Cypress ended up with multiple instances of styled-components.

The solution was to get the breakpoints objects directly from source of the library, to prevent importing extra instance of styled-components. Overall, that solved multiple instances problem, but tests still behaved wrong in Cypress.

Therefore, I've established a separate app which loads the built library and has test scenarios configured. Then Cypress visits that app and tests there to ensure proper styling, behavior and actually end-to-end usage.

from atomic-layout.