chore(tests): fix tests by installing jest-environment-jsdom-sixteen

Suggested solution here: testing-library/dom-testing-library#477

package.json

@@ -22,7 +22,7 @@
     "compile:code": "rollup --config ./etc/rollup/config.js",
     "compile:clean": "rm -rf es cjs types",
     "compile:types": "tsc --p ./tsconfig.types.json",
-    "test": "react-scripts test",
+    "test": "react-scripts test --env=jest-environment-jsdom-sixteen",
     "format": "prettier -l --write \"**/*.{ts,tsx,js,jsx,json,less,css,md}\"",
     "format:fix": "yarn format --write",
     "lint": "eslint 'src/**/*.{ts,tsx}'",
@@ -59,7 +59,7 @@
     "@semantic-release/git": "7.0.18",
     "@testing-library/jest-dom": "^5.7.0",
     "@testing-library/react": "^10.0.4",
-    "@testing-library/react-hooks": "3.2.1",
+    "@testing-library/react-hooks": "^3.2.1",
     "@types/jest-axe": "^3.2.1",
     "@types/lodash.throttle": "4.1.6",
     "@types/node": "12.12.38",
@@ -78,6 +78,7 @@
     "gh-pages": "2.2.0",
     "husky": "4.2.5",
     "jest-axe": "3.3.0",
+    "jest-environment-jsdom-sixteen": "^1.0.3",
     "jest-junit": "10.0.0",
     "jest-styled-components": "6.3.4",
     "lint-staged": "10.2.2",
@@ -87,7 +88,7 @@
     "react-dom": "16.13.1",
     "react-scripts": "^3.4.1",
     "react-styleguidist": "^11.0.6",
-    "react-test-renderer": "16.13.1",
+    "react-test-renderer": "^16.13.1",
     "rollup": "2.8.2",
     "rollup-plugin-postcss": "2.9.0",
     "rollup-plugin-terser": "5.3.0",

src/components/atoms/Alert/__snapshots__/Alert.test.tsx.snap

@@ -61,7 +61,7 @@ exports[`Alert renders the component with no props and no a11y violations 1`] =
 </div>
 `;
 
-exports[`Alert renders with specific severity: "alert" 1`] = `
+exports[`Alert renders with specific severity: alert 1`] = `
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -122,7 +122,7 @@ exports[`Alert renders with specific severity: "alert" 1`] = `
 </div>
 `;
 
-exports[`Alert renders with specific severity: "info" 1`] = `
+exports[`Alert renders with specific severity: info 1`] = `
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -183,7 +183,7 @@ exports[`Alert renders with specific severity: "info" 1`] = `
 </div>
 `;
 
-exports[`Alert renders with specific severity: "success" 1`] = `
+exports[`Alert renders with specific severity: success 1`] = `
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -244,7 +244,7 @@ exports[`Alert renders with specific severity: "success" 1`] = `
 </div>
 `;
 
-exports[`Alert renders with specific severity: "warning" 1`] = `
+exports[`Alert renders with specific severity: warning 1`] = `
 .c0 {
   display: -webkit-box;
   display: -webkit-flex;

src/components/atoms/Badge/__snapshots__/Badge.test.tsx.snap

@@ -30,7 +30,7 @@ exports[`<Badge /> renders with no a11y violations 1`] = `
 </span>
 `;
 
-exports[`<Badge /> renders with specific size: "medium" 1`] = `
+exports[`<Badge /> renders with specific size: medium 1`] = `
 .c0 {
   margin: 0;
   -webkit-letter-spacing: 0;
@@ -60,7 +60,7 @@ exports[`<Badge /> renders with specific size: "medium" 1`] = `
 </span>
 `;
 
-exports[`<Badge /> renders with specific size: "small" 1`] = `
+exports[`<Badge /> renders with specific size: small 1`] = `
 .c0 {
   margin: 0;
   -webkit-letter-spacing: 0;

src/components/atoms/Text/__snapshots__/Text.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<Text /> it can render as an HTML "p" tag 1`] = `
+exports[`<Text /> it can render as an HTML p tag 1`] = `
 .c0 {
   margin: 0;
   -webkit-letter-spacing: 0;
@@ -21,7 +21,7 @@ exports[`<Text /> it can render as an HTML "p" tag 1`] = `
 </p>
 `;
 
-exports[`<Text /> it can render as an HTML "span" tag 1`] = `
+exports[`<Text /> it can render as an HTML span tag 1`] = `
 .c0 {
   margin: 0;
   -webkit-letter-spacing: 0;

src/styleguide-components/Logo.js

@@ -16,6 +16,7 @@ const LogoTitle = styled.h1`
     text-align: center;
     height: 50px;
     width: 170px;
+    margin: 0 auto;
     &:hover rect {
       -webkit-animation: 0.5s draw linear forwards;
       animation: 0.5s draw linear forwards;