fixing Percy datepicker example

Author: bahmutov

examples/visual-testing-with-percy/package.json

@@ -3,11 +3,11 @@
   "description": "Visual diffing for component testing",
   "private": true,
   "scripts": {
-    "test": "cypress-expect run --passing 2",
+    "test": "cypress-expect run --passing 3",
     "cy:open": "cypress open"
   },
   "devDependencies": {
-    "@date-io/date-fns": "2.10.6",
+    "@date-io/date-fns": "1",
     "@material-ui/core": "4.9.5",
     "@material-ui/pickers": "3.2.10",
     "@percy/cypress": "2.3.2",

examples/visual-testing-with-percy/src/DatePicker.cy-spec.js

@@ -1,26 +1,24 @@
 /// <reference types="cypress" />
 import React from 'react'
 import { mount } from 'cypress-react-unit-test'
-// import MaterialUIPickers from './DatePicker'
+import MaterialUIPickers from './DatePicker'
 
 describe('Material UI date picker', () => {
   it('sanity', () => {
     expect(mount).to.be.a('function')
   })
 
-  // https://github.com/bahmutov/cypress-react-unit-test/issues/507
-  // SKIP https://github.com/bahmutov/cypress-react-unit-test/pull/506#issuecomment-714124015
-  // it.skip('works', () => {
-  //   mount(<MaterialUIPickers />)
-  //   // confirm the DOM has rendered the widget
-  //   cy.get('#date-picker-inline').should('have.value', '08/18/2014')
-  //   // then take visual snapshot
-  //   cy.percySnapshot('Datepicker initial')
+  it('works', () => {
+    mount(<MaterialUIPickers />)
+    // confirm the DOM has rendered the widget
+    cy.get('#date-picker-inline').should('have.value', '08/18/2014')
+    // then take visual snapshot
+    cy.percySnapshot('Datepicker initial')
 
-  //   cy.get('button[aria-label="change date"]').click()
-  //   // confirm the DOM has rendered the widget
-  //   cy.get('.MuiPickersBasePicker-container').should('be.visible')
-  //   // then take visual snapshot
-  //   cy.percySnapshot('Datepicker opened')
-  // })
+    cy.get('button[aria-label="change date"]').click()
+    // confirm the DOM has rendered the widget
+    cy.get('.MuiPickersBasePicker-container').should('be.visible')
+    // then take visual snapshot
+    cy.percySnapshot('Datepicker opened')
+  })
 })