tests(day): rewrite tests with RTL (#118)

Co-authored-by: Peter Marosi <[email protected]>

config/_jest/setupAfterEnv.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect'

jest.config.js

@@ -5,6 +5,7 @@ module.exports = {
   coverageDirectory: "./coverage/",
   moduleFileExtensions: ["ts", "tsx", "js", "jsx", "json", "node"],
   setupFiles: ["<rootDir>/config/_jest/setupTests.js"],
+  setupFilesAfterEnv: ['<rootDir>/config/_jest/setupAfterEnv.ts'],
   snapshotSerializers: ["enzyme-to-json/serializer"],
   testMatch: ["**/__specs__/**/*.tsx"],
   testPathIgnorePatterns: ["/node_modules/", "/fixtures/", "/dist"]

package.json

@@ -88,8 +88,10 @@
     "@storybook/addons": "^5.3.12",
     "@storybook/react": "^5.3.12",
     "@storybook/storybook-deployer": "^2.8.1",
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.4.0",
     "@types/classnames": "^2.2.9",
-    "@types/jest": "^24.0.21",
+    "@types/jest": "^24.0.23",
     "@types/react-dom": "^16.9.4",
     "@typescript-eslint/eslint-plugin": "^2.6.0",
     "@typescript-eslint/parser": "^2.6.0",

src/calendar/__specs__/__snapshots__/day_spec.tsx.snap

@@ -1,166 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Day #render class variations when prop \`isCurrentMonth\` is \`true\` renders <Day /> 1`] = `
+exports[`custom render 1`] = `
 <button
-  className="example-block-class-day is-current_month"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
   type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isDisabled\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-disabled"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isHighlighted\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-highlighted"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isMonthNext\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-next_month"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isMonthPrev\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-prev_month"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isNonSelectable\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-not_selectable"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isSelectable\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-selectable"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
 >
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isSelected\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-selected"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isSelectionEnd\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-end_selection"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isSelectionStart\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-start_selection"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isToday\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-today"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isWeekend\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-weekend"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
-</button>
-`;
-
-exports[`Day #render class variations when prop \`isWorkday\` is \`true\` renders <Day /> 1`] = `
-<button
-  className="example-block-class-day is-working_day"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
-  type="button"
-  value="2015-05-05"
->
-  5
+  Custom
 </button>
 `;
 
-exports[`Day #render renders <Day /> 1`] = `
+exports[`default render 1`] = `
 <button
-  className="example-block-class-day"
-  onClick={[MockFunction]}
-  onMouseEnter={[MockFunction]}
+  class="example-block-class-day"
   type="button"
   value="2015-05-05"
 >