Jest image snapshots tests have incomplete transitions and items look transparent and cause tests to fail

Error

SyntaxError: C:\dev\mx4d-ui\src\js\stream\stream-store.ts: Support for the experimental syntax 'decorators-legacy' isn't currently enabled (10:3):

8 |
9 | export class StreamStore {
> 10 | @observable
| ^
11 | private streamViewModels: ObservableMap<number, StreamViewModel> = observable.map();
12 | @observable
13 | private initialStreamViewModels: ObservableMap<number, StreamViewModel> = observable.map();

Solution

Add to your plugin-proposal-decorators to your babel.config.js as such :

["@babel/plugin-proposal-decorators", { "legacy": true }],

$ yarn install @babel/plugin-proposal-decorators --dev