Merge pull request #169 from mverissimo/chore/improvements

Chore/improvements

Author: mverissimo

jest.setup.js

@@ -1,9 +1,25 @@
 import { createSerializer } from '@emotion/jest';
 
+/**
+ * Custom matchers
+ */
 expect.addSnapshotSerializer(
   createSerializer({
     classNameReplacer(className, index) {
       return `grid-${index}`;
     },
   })
 );
+
+/**
+ * Mocks
+ */
+Object.defineProperty(window, 'matchMedia', {
+  value: jest.fn(() => {
+    return {
+      matches: true,
+      addListener: jest.fn(),
+      removeListener: jest.fn(),
+    };
+  }),
+});

package.json

@@ -22,7 +22,7 @@
     "lint:ci": "yarn lint --format junit -o reports/eslint/results.json",
     "lint:fix": "yarn lint --fix",
     "test": "jest --watch",
-    "test:ci": "jest --ci --coverage -u --runInBand --json --outputFile=reports/jest/results.json",
+    "test:ci": "jest --ci --coverage --runInBand --json --outputFile=reports/jest/results.json",
     "build": "preconstruct build",
     "prepublishOnly": "yarn build",
     "release": "semantic-release"
@@ -63,50 +63,48 @@
     ]
   },
   "devDependencies": {
-    "@babel/preset-env": "7.12.1",
-    "@babel/preset-typescript": "7.12.1",
+    "@babel/preset-env": "7.12.11",
+    "@babel/preset-typescript": "7.12.7",
     "@commitlint/cli": "11.0.0",
     "@commitlint/config-conventional": "11.0.0",
     "@emotion/babel-preset-css-prop": "^11.0.0",
     "@emotion/eslint-plugin": "^11.0.0",
     "@emotion/jest": "^11.1.0",
-    "@preconstruct/cli": "2.0.0",
+    "@preconstruct/cli": "2.0.1",
     "@semantic-release/commit-analyzer": "8.0.1",
     "@semantic-release/github": "7.2.0",
-    "@semantic-release/npm": "7.0.8",
+    "@semantic-release/npm": "7.0.10",
     "@semantic-release/release-notes-generator": "9.0.1",
-    "@testing-library/jest-dom": "5.11.6",
-    "@testing-library/react": "11.2.1",
-    "@types/css-mediaquery": "0.1.0",
-    "@types/jest": "26.0.15",
-    "@typescript-eslint/eslint-plugin": "4.8.1",
-    "@typescript-eslint/parser": "4.8.1",
+    "@testing-library/jest-dom": "5.11.9",
+    "@testing-library/react": "11.2.3",
+    "@types/jest": "26.0.20",
+    "@typescript-eslint/eslint-plugin": "4.14.0",
+    "@typescript-eslint/parser": "4.14.0",
     "babel-eslint": "10.1.0",
     "babel-jest": "26.6.3",
-    "css-mediaquery": "0.1.2",
     "cz-conventional-changelog": "3.3.0",
     "docz": "2.3.1",
-    "eslint": "7.13.0",
+    "eslint": "7.18.0",
     "eslint-config-react-app": "6.0.0",
     "eslint-plugin-flowtype": "5.2.0",
     "eslint-plugin-import": "2.22.1",
     "eslint-plugin-jsx-a11y": "6.4.1",
-    "eslint-plugin-prettier": "3.1.4",
-    "eslint-plugin-react": "7.21.5",
+    "eslint-plugin-prettier": "3.3.1",
+    "eslint-plugin-react": "7.22.0",
     "eslint-plugin-react-hooks": "4.2.0",
     "eslint-plugin-testing-library": "3.10.1",
-    "husky": "4.3.0",
+    "husky": "4.3.8",
     "jest": "26.6.3",
-    "lint-staged": "10.5.1",
-    "prettier": "2.1.2",
+    "lint-staged": "10.5.3",
+    "prettier": "2.2.1",
     "pretty-quick": "3.1.0",
-    "semantic-release": "17.2.4",
-    "stylelint": "13.8.0",
+    "semantic-release": "17.3.4",
+    "stylelint": "13.9.0",
     "ts-jest": "26.4.4",
-    "typescript": "4.1.2"
+    "typescript": "4.1.3"
   },
   "dependencies": {
-    "@emotion/react": "^11.1.1",
+    "@emotion/react": "^11.1.4",
     "@emotion/styled": "^11.0.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"

src/components/Debugger/Debugger.tsx

@@ -6,7 +6,7 @@ import { Row } from '../Row';
 import { Col } from '../Col';
 
 import { Types } from '../../types';
-import { getBreakpoint } from '../../utils/getBreakpoint';
+import { getBreakpoint } from '../../utils/get-breakpoint';
 import { config } from '../../config';
 
 import { Button } from './Button';

src/components/Debugger/GridOverlay.tsx

@@ -70,6 +70,6 @@ const baseStyle = ({
   }
 `;
 
-export const GridOverlay: FC<GridOverlayProps> = styled('div')<
-  GridOverlayProps
->(baseStyle);
+export const GridOverlay: FC<GridOverlayProps> = styled(
+  'div'
+)<GridOverlayProps>(baseStyle);