[List, Edit, Create, Show] Wrap view components into styles HOC instead of wrapping main components

[cherniavskii]

When using ShowController and ShowView instead of single Show component, Show styles aren't used anymore.
This makes aside component appear under show view (when using Show component, aside is on the right).

Wrapping ShowView with styles HOC resolves the issue. Also, it makes more sense, since styles are related to view component, not Show component, which is simply composition of controller and view.

[fzaninotto]

You're totally right, it makes more sense. Would you mind doing the same for Edit and List, so that all views are consistent?

[fzaninotto]

It does not make much sense to have both a named and a default export for the same object. Remove the named export (you will have to change the import in Show.spec.js, too).

[cherniavskii]

sure

[cherniavskii]

Did the same for Edit, Create, and List components.
I have troubles with ListView unit tests though. It uses enzyme shallow rendering, e.g. for checking that Card component is rendered.

[cherniavskii]

@fzaninotto I've managed to fix that by using wrapper.dive().

Generally, I'm not a big fan of enzyme unit tests. They are tightly coupled with implementation details, which leads to false positives like this one.

[fzaninotto]

Awesome, thanks!