chore: Update Jest and React Testing Library

.gitignore

@@ -18,3 +18,6 @@ yarn.lock
 test/cypress/screenshots/
 test/cypress/videos/
 stats.json
+/site/build/
+/site/.docusaurus/
+/site/docs/

package.json

@@ -103,16 +103,16 @@
     "@babel/preset-flow": "^7.9.0",
     "@babel/preset-react": "^7.9.4",
     "@babel/preset-typescript": "^7.9.0",
-    "@testing-library/jest-dom": "^5.3.0",
-    "@testing-library/react": "^10.0.1",
+    "@testing-library/jest-dom": "^5.11.4",
+    "@testing-library/react": "^11.1.0",
     "@types/buble": "^0.19.2",
     "@types/copy-webpack-plugin": "^5.0.2",
     "@types/doctrine": "0.0.3",
     "@types/enzyme": "^3.10.3",
     "@types/escodegen": "0.0.6",
     "@types/estree": "^0.0.39",
     "@types/hash-sum": "^1.0.0",
-    "@types/jest": "^25.1.4",
+    "@types/jest": "^26.0.14",
     "@types/keymirror": "^0.1.1",
     "@types/loader-utils": "^1.1.3",
     "@types/lodash": "^4.14.144",
@@ -149,7 +149,7 @@
     "file-loader": "^4.2.0",
     "fs-extra": "^9.0.0",
     "husky": "^3.0.9",
-    "jest": "^25.2.3",
+    "jest": "^26.6.0",
     "jest-serializer-html": "^7.0.0",
     "keymirror": "^0.1.1",
     "lint-staged": "^9.4.2",

src/client/rsg-components/Examples/Examples.spec.tsx

@@ -55,5 +55,5 @@ test('should not render an example with unknown type', () => {
 			<Examples examples={faultyExample} name="button" exampleMode="collapse" />
 		</Provider>
 	);
-	expect(getByTestId('button-examples')).toBeEmpty();
+	expect(getByTestId('button-examples')).toBeEmptyDOMElement();
 });

src/client/rsg-components/ReactComponent/ReactComponent.spec.tsx

@@ -48,7 +48,7 @@ const componentWithEverything: Rsg.Component = {
 					{
 						name: 'newValue',
 						description: 'New value for the counter.',
-						type: {type: 'NameExpression', name: 'Number' },
+						type: { type: 'NameExpression', name: 'Number' },
 					},
 				],
 				returns: null,
@@ -149,7 +149,7 @@ test('should not render anything when component has no name', () => {
 			/>
 		</Provider>
 	);
-	expect(container).toBeEmpty();
+	expect(container).toBeEmptyDOMElement();
 });
 
 test('should not render component in isolation mode by default', () => {

src/client/rsg-components/StyleGuide/StyleGuide.spec.tsx

@@ -15,6 +15,7 @@ const sections: Rsg.Section[] = [
 				name: 'Foo',
 				visibleName: 'Foo',
 				href: '#foo',
+				slug: 'foo',
 				pathLine: 'components/foo.js',
 				filepath: 'components/foo.js',
 				props: {
@@ -25,6 +26,7 @@ const sections: Rsg.Section[] = [
 				name: 'Bar',
 				visibleName: 'Bar',
 				href: '#bar',
+				slug: 'bar',
 				pathLine: 'components/bar.js',
 				filepath: 'components/bar.js',
 				props: {

src/client/rsg-components/TableOfContents/TableOfContents.spec.tsx

@@ -10,16 +10,19 @@ const components = [
 		visibleName: 'Button',
 		name: 'Button',
 		href: '#button',
+		slug: 'button',
 	},
 	{
 		visibleName: 'Input',
 		name: 'Input',
 		href: '#input',
+		slug: 'input',
 	},
 	{
 		visibleName: 'Textarea',
 		name: 'Textarea',
 		href: '#textarea',
+		slug: 'textarea',
 	},
 ];
 
@@ -28,34 +31,40 @@ const sections = [
 		visibleName: 'Introduction',
 		name: 'Introduction',
 		href: '#introduction',
+		slug: 'introduction',
 		content: 'intro.md',
 	},
 	{
 		visibleName: 'Buttons',
 		name: 'Buttons',
 		href: '#buttons',
+		slug: 'buttons',
 		components: [
 			{
 				visibleName: 'Button',
 				name: 'Button',
 				href: '#button',
+				slug: 'button',
 			},
 		],
 	},
 	{
 		visibleName: 'Forms',
 		name: 'Forms',
 		href: '#forms',
+		slug: 'forms',
 		components: [
 			{
 				visibleName: 'Input',
 				name: 'Input',
 				href: '#input',
+				slug: 'input',
 			},
 			{
 				visibleName: 'Textarea',
 				name: 'Textarea',
 				href: '#textarea',
+				slug: 'textarea',
 			},
 		],
 	},
@@ -164,6 +173,7 @@ it('should render components of a single top section as root', () => {
 		    "sections": Array [],
 		    "selected": false,
 		    "shouldOpenInNewTab": false,
+		    "slug": "button",
 		    "visibleName": "Button",
 		  },
 		  Object {
@@ -177,6 +187,7 @@ it('should render components of a single top section as root', () => {
 		    "sections": Array [],
 		    "selected": false,
 		    "shouldOpenInNewTab": false,
+		    "slug": "input",
 		    "visibleName": "Input",
 		  },
 		  Object {
@@ -190,6 +201,7 @@ it('should render components of a single top section as root', () => {
 		    "sections": Array [],
 		    "selected": false,
 		    "shouldOpenInNewTab": false,
+		    "slug": "textarea",
 		    "visibleName": "Textarea",
 		  },
 		]
@@ -249,8 +261,19 @@ it('should render components with useRouterLinks', () => {
 			sections={[
 				{
 					sections: [
-						{ visibleName: '1', name: 'Components', href: '#/Components', content: 'intro.md' },
-						{ visibleName: '2', content: 'chapter.md', href: '#/Chap' },
+						{
+							visibleName: '1',
+							name: 'Components',
+							href: '#/Components',
+							slug: 'components',
+							content: 'intro.md',
+						},
+						{
+							visibleName: '2',
+							content: 'chapter.md',
+							href: '#/Chap',
+							slug: 'chap',
+						},
 					],
 				},
 			]}
@@ -283,15 +306,21 @@ it('should detect sections containing current selection when tocMode is collapse
 							{
 								visibleName: '1',
 								href: '#/components',
-								sections: [{ visibleName: '1.1', href: '#/button' }],
+								slug: 'components',
+								sections: [{ visibleName: '1.1', href: '#/button', slug: 'button' }],
 							},
 							{
 								visibleName: '2',
 								href: '#/chap',
+								slug: 'chap',
 								content: 'chapter.md',
-								sections: [{ visibleName: '2.1', href: '#/chapter-1' }],
+								sections: [{ visibleName: '2.1', href: '#/chapter-1', slug: 'chapter-1' }],
+							},
+							{
+								visibleName: '3',
+								href: 'http://react-styleguidist.com',
+								slug: 'react-styleguidist',
 							},
-							{ visibleName: '3', href: 'http://react-styleguidist.com' },
 						],
 					},
 				]}
@@ -300,7 +329,7 @@ it('should detect sections containing current selection when tocMode is collapse
 		</Provider>
 	);
 
-	expect(getByText('1.1')).not.toBeEmpty();
+	expect(getByText('1.1')).not.toBeEmptyDOMElement();
 });
 
 it('should show sections with expand: true when tocMode is collapse', () => {
@@ -314,15 +343,21 @@ it('should show sections with expand: true when tocMode is collapse', () => {
 							visibleName: '1',
 							expand: true,
 							href: '#/components',
-							sections: [{ visibleName: '1.1', href: '#/button' }],
+							slug: 'components',
+							sections: [{ visibleName: '1.1', href: '#/button', slug: 'button' }],
 						},
 						{
 							visibleName: '2',
 							href: '#/chap',
+							slug: 'chap',
 							content: 'chapter.md',
-							sections: [{ visibleName: '2.1', href: '#/chapter-1' }],
+							sections: [{ visibleName: '2.1', href: '#/chapter-1', slug: 'chapter-1' }],
+						},
+						{
+							visibleName: '3',
+							href: 'http://react-styleguidist.com',
+							slug: 'react-styleguidist',
 						},
-						{ visibleName: '3', href: 'http://react-styleguidist.com' },
 					],
 				},
 			]}