Fix image-snapshots (#1565)

Actual bug was in `MessageBar.story.tsx`

Added infrastructure to _hopefully_ notify of this kind of failure again (should warn when snapshots exist that are no longer in use)

Update a variety of out-of-date snapshots

Author: Luke Bowerman

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - `Space` revert mistakenly applied `flex-shrink: 0`
 - `useDialog` needs to support scenario it is controlled but `onClose` isn't specified
 - Reverts: `HoverDisclosure` toggles visibility with css rather than inserting elements into the DOM
+- Fix `image-snapshots` issue
 
 ## [0.9.17] - 2020-10-12
 

jest-image-snapshots.config.js

@@ -35,6 +35,10 @@ module.exports = {
     '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2)$':
       '<rootDir>/config/jest/fileMock.js',
   },
+  reporters: [
+    'default',
+    'jest-image-snapshot/src/outdated-snapshot-reporter.js',
+  ],
   roots: ['<rootDir>'],
   testEnvironment: 'jsdom',
   testMatch: ['**/*.shots.ts'],

package.json

@@ -45,7 +45,7 @@
     "storybook": "yarn workspace storybook start",
     "storybooks-build": "yarn lerna run storybook-build --scope '@looker/*' --stream --parallel",
     "preimage-snapshots": "yarn storybooks-build",
-    "image-snapshots-only": "yarn jest --config jest-image-snapshots.config.js",
+    "image-snapshots-only": "export JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1 && yarn jest --config jest-image-snapshots.config.js",
     "image-snapshots": "yarn image-snapshots-only"
   },
   "devDependencies": {