website: Update pictures of reports when matchers fail (jestjs#9214)

* website: Update pictures of reports when matchers fail

* Update CHANGELOG.md

* Move line in CHANGELOG.md

* Replace name of obsolete image file in index.js

Author: pedrottimark

CHANGELOG.md

@@ -6,6 +6,8 @@
 
 ### Chore & Maintenance
 
+- `[website]` Update pictures of reports when matchers fail ([#9214](https://github.com/facebook/jest/pull/9214))
+
 ### Performance
 
 ## 25.1.0

website/pages/en/index.js

@@ -424,7 +424,7 @@ class Index extends React.Component {
                       Here are some examples:
                     </translate>
                   ),
-                  image: '/img/content/matchers/different-types.png',
+                  image: '/img/content/matchers/toBe.png',
                   imageAlign: 'right',
                   title: <translate>Great Exceptions</translate>,
                 },

website/static/css/jest.css

@@ -241,6 +241,7 @@
 .button.landing {
   margin: 4px 10px;
   cursor: pointer;
+  text-transform: none;
 }
 
 .container .gridBlock .blockContent p.buttons-wrapper {

website/static/img/content/failedSnapshotTest.png

@@ -139,32 +139,32 @@ document.addEventListener('DOMContentLoaded', () => {
 
     const buttons = [
       {
-        title: 'Equals',
-        url: '/img/content/matchers/equals.png',
+        title: 'toBe',
+        url: '/img/content/matchers/toBe.png',
       },
       {
-        title: 'Mocks',
-        url: '/img/content/matchers/mocks.png',
+        title: 'toBeCloseTo',
+        url: '/img/content/matchers/toBeCloseTo.png',
       },
       {
-        title: 'Types',
-        url: '/img/content/matchers/different-types.png',
+        title: 'toEqual',
+        url: '/img/content/matchers/toEqual.png',
       },
       {
-        title: 'Properties',
-        url: '/img/content/matchers/missing-properties.png',
+        title: 'toStrictEqual',
+        url: '/img/content/matchers/toStrictEqual.png',
       },
       {
-        title: 'Snapshots',
-        url: '/img/content/matchers/snapshot.png',
+        title: 'toHaveProperty',
+        url: '/img/content/matchers/toHaveProperty.png',
       },
       {
-        title: 'Inline Snapshots',
-        url: '/img/content/matchers/inline-snapshot.png',
+        title: 'toMatchSnapshot',
+        url: '/img/content/matchers/toMatchSnapshot.png',
       },
       {
-        title: 'Functions',
-        url: '/img/content/matchers/functions.png',
+        title: 'toThrowError',
+        url: '/img/content/matchers/toThrowError.png',
       },
     ];