Upgrade cypress to 8.x and next to 10.x (#4469)

cypress/integration/examples/forced-layout.ts

@@ -1,7 +1,7 @@
 describe('forced layout example', () => {
   const elements = [
-    { tag: 'h2', count: 1 },
-    { tag: 'p', count: 1 },
+    { tag: '#__next h2', count: 1 },
+    { tag: '#__next p', count: 1 },
   ]
 
   beforeEach(() => {

cypress/integration/examples/hovering-toolbar.ts

@@ -5,14 +5,14 @@ describe('hovering toolbar example', () => {
 
   it('hovering toolbar appears', () => {
     cy.get('div')
-      .eq(13)
+      .eq(12)
       .should('not.exist')
 
     cy.get('span[data-slate-string="true"]')
       .eq(0)
       .type(`{selectall}`)
       .get('div')
-      .eq(13)
+      .eq(12)
       .should('exist')
       .should('have.css', 'opacity', '1')
       .find('span.material-icons')

cypress/integration/examples/huge-document.ts

@@ -1,7 +1,7 @@
 describe('huge document example', () => {
   const elements = [
-    { tag: 'h1', count: 100 },
-    { tag: 'p', count: 700 },
+    { tag: '#__next h1', count: 100 },
+    { tag: '#__next p', count: 700 },
   ]
 
   beforeEach(() => {

cypress/integration/examples/markdown-shortcuts.ts

@@ -14,9 +14,14 @@ describe('On markdown-shortcuts example', () => {
       .find('ul')
       .should('not.exist')
 
-    cy.findByRole('textbox').type(
-      '{movetostart}- 1st Item{enter}2nd Item{enter}3rd Item{enter}{backspace}'
-    )
+    cy.findByRole('textbox')
+      // need wait(0) here otherwise the page is not loaded yet correctly
+      .wait(0)
+      .type(
+        '{movetostart}* 1st Item{enter}2nd Item{enter}3rd Item{enter}{backspace}'
+      )
+
+    cy.get('ul > li')
 
     cy.get('ul > li').should('have.length', 3)
 

package.json

@@ -51,7 +51,7 @@
     "@babel/runtime": "^7.7.4",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.14.1",
-    "@testing-library/cypress": "^7.0.5",
+    "@testing-library/cypress": "^8.0.0",
     "@types/lodash": "^4.14.149",
     "@types/mocha": "^5.2.7",
     "@types/node": "^12.12.14",
@@ -63,7 +63,7 @@
     "babel-plugin-dev-expression": "^0.2.2",
     "babel-plugin-module-resolver": "^3.1.1",
     "cross-env": "6.0.3",
-    "cypress": "^7.1.0",
+    "cypress": "^8.3.0",
     "emotion": "^10.0.9",
     "eslint": "^6.7.1",
     "eslint-config-prettier": "^6.7.0",
@@ -78,7 +78,7 @@
     "lint-staged": ">=10",
     "lodash": "^4.17.4",
     "mocha": "^6.2.0",
-    "next": "^9.4.0",
+    "next": "^10.2.3",
     "npm-run-all": "^4.1.2",
     "prettier": "^1.19.1",
     "prismjs": "^1.5.1",