package updates

.eslintrc

@@ -2,7 +2,7 @@
   "extends": [
     "eslint:recommended",
     "plugin:react/recommended",
-    "plugin:testing-library/recommended",
+    "plugin:testing-library/dom",
     "plugin:testing-library/react"
   ],
   "plugins": ["react", "graphql", "prettier", "react-hooks", "testing-library"],
@@ -19,7 +19,9 @@
   "rules": {
     "prettier/prettier": "error",
     "react-hooks/rules-of-hooks": "error",
-    "react-hooks/exhaustive-deps": "warn"
+    "react-hooks/exhaustive-deps": "warn",
+    "testing-library/no-node-access": "off",
+    "testing-library/no-container": "off"
   },
   "settings": {
     "react": {

package.json

@@ -20,32 +20,32 @@
     "new": "babel-node ./scripts/new.js"
   },
   "dependencies": {
-    "@giphy/js-fetch-api": "^2.4.0",
+    "@giphy/js-fetch-api": "^4.0.0",
     "axios": "^0.21.1",
     "file-saver": "^2.0.5",
-    "gatsby": "^3.1.1",
+    "gatsby": "^3.5.1",
-    "gatsby-plugin-image": "^1.1.1",
+    "gatsby-plugin-image": "^1.5.0",
-    "gatsby-plugin-manifest": "^3.1.0",
+    "gatsby-plugin-manifest": "^3.5.0",
-    "gatsby-plugin-matomo": "^0.9.0",
+    "gatsby-plugin-matomo": "^0.10.0",
-    "gatsby-plugin-offline": "^4.1.0",
+    "gatsby-plugin-offline": "^4.5.1",
-    "gatsby-plugin-postcss": "^4.1.0",
+    "gatsby-plugin-postcss": "^4.5.0",
-    "gatsby-plugin-react-helmet": "^4.1.0",
+    "gatsby-plugin-react-helmet": "^4.5.0",
-    "gatsby-plugin-sharp": "^3.1.1",
+    "gatsby-plugin-sharp": "^3.5.0",
-    "gatsby-plugin-sitemap": "^3.1.0",
+    "gatsby-plugin-sitemap": "^4.1.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
     "gatsby-plugin-webpack-size": "^2.0.1",
-    "gatsby-source-filesystem": "^3.1.0",
+    "gatsby-source-filesystem": "^3.5.0",
-    "gatsby-transformer-json": "^3.1.0",
+    "gatsby-transformer-json": "^3.5.0",
-    "gatsby-transformer-sharp": "^3.1.0",
+    "gatsby-transformer-sharp": "^3.5.0",
-    "gatsby-transformer-yaml": "^3.1.0",
+    "gatsby-transformer-yaml": "^3.5.0",
     "intersection-observer": "^0.12.0",
-    "react": "^17.0.1",
+    "react": "^17.0.2",
-    "react-dom": "^17.0.1",
+    "react-dom": "^17.0.2",
     "react-feather": "^2.0.9",
     "react-helmet": "^6.1.0",
     "react-pose": "^4.0.10",
     "remark": "^13.0.0",
-    "remark-breaks": "^2.0.1",
+    "remark-breaks": "^2.0.2",
     "remark-html": "^13.0.1",
     "remark-parse": "^9.0.0",
     "remark-react": "^8.0.0",
@@ -53,33 +53,33 @@
     "vcf": "^2.1.0"
   },
   "devDependencies": {
-    "@babel/node": "^7.13.10",
+    "@babel/node": "^7.14.2",
-    "@babel/preset-env": "^7.13.10",
+    "@babel/preset-env": "^7.14.2",
-    "@loadable/component": "^5.14.1",
+    "@loadable/component": "^5.15.0",
     "@svgr/webpack": "^5.5.0",
-    "@testing-library/jest-dom": "^5.11.9",
+    "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^11.2.5",
+    "@testing-library/react": "^11.2.7",
-    "@welldone-software/why-did-you-render": "^6.1.1",
+    "@welldone-software/why-did-you-render": "^6.1.4",
-    "babel-preset-gatsby": "^1.1.0",
+    "babel-preset-gatsby": "^1.5.0",
-    "chalk": "^4.1.0",
+    "chalk": "^4.1.1",
-    "eslint": "^7.22.0",
+    "eslint": "^7.27.0",
-    "eslint-config-prettier": "^8.1.0",
+    "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-graphql": "^4.0.0",
-    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-prettier": "^3.4.0",
-    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-testing-library": "^3.10.2",
+    "eslint-plugin-testing-library": "^4.6.0",
-    "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.21",
+    "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.22",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
     "jest-canvas-mock": "^2.3.1",
-    "js-yaml": "^4.0.0",
+    "js-yaml": "^4.1.0",
     "ora": "^5.4.0",
     "postcss-preset-env": "^6.7.0",
     "prepend": "^1.0.2",
-    "prettier": "^2.2.1",
+    "prettier": "^2.3.0",
-    "slugify": "^1.5.0",
+    "slugify": "^1.5.3",
-    "stylelint": "^13.12.0",
+    "stylelint": "^13.13.1",
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-prettier": "^1.2.0"
   },

src/components/Layout.test.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render } from '@testing-library/react'
+import { render, screen } from '@testing-library/react'
 import { createHistory, createMemorySource } from '@reach/router'
 import Layout from './Layout'
 
@@ -7,9 +7,8 @@ describe('Layout', () => {
   const history = createHistory(createMemorySource('/oceanprotocol'))
 
   it('renders correctly', () => {
-    const { container } = render(
+    render(<Layout location={history.location}>Hello Layout</Layout>)
-      <Layout location={history.location}>Hello</Layout>
+    const element = screen.getByText('Hello Layout')
-    )
+    expect(element).toBeInTheDocument()
-    expect(container.firstChild).toBeInTheDocument()
   })
 })

src/components/molecules/Repository.jsx

@@ -4,14 +4,8 @@ import Icon from '../atoms/Icon'
 import { repo as styleRepo, repoTitle, meta } from './Repository.module.css'
 
 export default function Repository({ repo }) {
-  const {
+  const { name, full_name, description, html_url, homepage, stargazers_count } =
-    name,
+    repo
-    full_name,
-    description,
-    html_url,
-    homepage,
-    stargazers_count
-  } = repo
 
   const isExternal = !full_name.includes('kremalicious')
 

src/pages/{ProjectsYaml.slug}.jsx

@@ -76,7 +76,7 @@ Project.propTypes = {
 }
 
 export const projectQuery = graphql`
-  query($slug: String!, $imageRegex: String!) {
+  query ($slug: String!, $imageRegex: String!) {
     projectsYaml(slug: { eq: $slug }) {
       title
       slug