add example with snapshots and test retries

examples/snapshots/cypress/component/PositiveCounter-spec.js

@@ -79,3 +79,23 @@ describe('PositiveCounter', () => {
       .toMatchSnapshot()
   })
 })
+
+// test retries from
+// https://github.com/cypress-io/cypress/pull/3968
+// you can skip the tests if there is no retries feature
+const describeOrSkip = Cypress.getTestRetries ? describe : describe.skip
+describeOrSkip('Retries', () => {
+  it.skip('work with snapshots', { retries: 2 }, () => {
+    mount(<PositiveCounter />)
+    cy.contains('Value: 0')
+
+    // click the button the current number of retries
+    const n = cy.state('test').currentRetry()
+    Cypress._.times(n, () => {
+      cy.get('.increment').click()
+    })
+
+    // make sure the component updates until it reaches counter 2
+    cy.contains('Value:').toMatchHTML()
+  })
+})

examples/snapshots/cypress/component/__snapshots__/PositiveCounter-spec.js.snap

@@ -22,3 +22,13 @@ exports[`PositiveCounter > starts with zero #0`] =
 {
   "html": "<span>Value: 0<button class=\"decrement\">−</button><button class=\"increment\">+</button></span>"
 };
+
+exports[`Retries > work with snapshots #0`] =
+{
+  "html": "<span>Value: 2<button class=\"decrement\">−</button><button class=\"increment\">+</button></span>"
+};
+
+exports[`Retries > work with snapshots #1`] =
+{
+  "html": "<span>Value: 1<button class=\"decrement\">−</button><button class=\"increment\">+</button></span>"
+};