fix: Update parcel version to support node 16.14.2 in monorepo CI (#787)

tbiethman · web-flow · commit 66b09537649f · 2022-07-20T16:04:06.000-05:00
* Removing unnecessary dependency that fails to install with node 16.13.0 on CI.

* Updating react-devtools chrome script to run against chrome

* Updating to parcel 2

* More config

* Removing example's package-lock

* Cleaning up a few things

* Fighting module resolution

* Updating package-lock
diff --git a/.gitignore b/.gitignore
@@ -18,3 +18,4 @@ coverage
 dist
 test-data.json
 examples/stubbing-spying__intercept/users5.json
+**/.parcel-cache
diff --git a/examples/blogs__class-decorator/.babelrc b/examples/blogs__class-decorator/.babelrc
@@ -1,16 +1,7 @@
 {
   "plugins": [
-    [
-      "@babel/plugin-proposal-decorators",
-      {
-        "legacy": true
-      }
-    ],
-    [
-      "@babel/plugin-proposal-class-properties",
-      {
-        "loose": true
-      }
-    ]
+    ["@babel/plugin-proposal-decorators", { "legacy": true }],
+    ["@babel/plugin-proposal-class-properties", { "loose" : true }],
+    ["@babel/plugin-transform-classes"]
   ]
 }
diff --git a/examples/blogs__class-decorator/package-lock.json b/examples/blogs__class-decorator/package-lock.json
diff --git a/examples/blogs__class-decorator/package.json b/examples/blogs__class-decorator/package.json
@@ -10,6 +10,7 @@
     "start": "../../node_modules/.bin/parcel serve src/index.html"
   },
   "devDependencies": {
-    "@babel/core": "7.9.6"
-  }
+    "@babel/core": "^7.12.0"
+  },
+  "browserslist": "> 0.25%, not dead"
 }
diff --git a/examples/blogs__class-decorator/src/components/TodoItem.jsx b/examples/blogs__class-decorator/src/components/TodoItem.jsx
@@ -4,8 +4,8 @@ import classnames from 'classnames'
 import TodoTextInput from './TodoTextInput'
 import { CypressInstances } from '../decorators'
 
-@CypressInstances()
-export default class TodoItem extends Component {
+@CypressInstances('TodoItem')
+class TodoItem extends Component {
   static propTypes = {
     todo: PropTypes.object.isRequired,
     editTodo: PropTypes.func.isRequired,
@@ -72,3 +72,5 @@ export default class TodoItem extends Component {
     )
   }
 }
+
+export default TodoItem
diff --git a/examples/blogs__class-decorator/src/components/TodoTextInput.jsx b/examples/blogs__class-decorator/src/components/TodoTextInput.jsx
@@ -3,8 +3,8 @@ import PropTypes from 'prop-types'
 import classnames from 'classnames'
 import { CypressSingleton } from '../decorators'
 
-@CypressSingleton()
-export default class TodoTextInput extends Component {
+@CypressSingleton('TodoTextInput')
+class TodoTextInput extends Component {
   static propTypes = {
     onSave: PropTypes.func.isRequired,
     text: PropTypes.string,
@@ -55,3 +55,5 @@ export default class TodoTextInput extends Component {
     )
   }
 }
+
+export default TodoTextInput
diff --git a/examples/blogs__class-decorator/src/index.html b/examples/blogs__class-decorator/src/index.html
@@ -7,6 +7,6 @@
 </head>
 <body>
   <div class="todoapp" id="root"></div>
-  <script src="./index.jsx"></script>
+  <script type="module" src="./index.jsx"></script>
 </body>
 </html>
diff --git a/examples/blogs__use-react-devtools/package.json b/examples/blogs__use-react-devtools/package.json
@@ -5,11 +5,12 @@
   "scripts": {
     "cypress:open": "../../node_modules/.bin/cypress open",
     "cypress:run": "../../node_modules/.bin/cypress run",
+    "cypress:run:chrome": "../../node_modules/.bin/cypress run --browser chrome",
     "cypress:run:record": "../../node_modules/.bin/cypress run --record",
     "dev": "../../node_modules/.bin/start-test 3000 cypress:open",
     "start": "../../node_modules/.bin/react-scripts start",
     "test:ci": "../../node_modules/.bin/start-test 3000 cypress:run",
-    "test:ci:chrome": "../../node_modules/.bin/start-test 3000 cypress:run",
+    "test:ci:chrome": "../../node_modules/.bin/start-test 3000 cypress:run:chrome",
     "test:ci:record": "../../node_modules/.bin/start-test 3000 cypress:run:record"
   },
   "browserslist": {
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json

Original file line number	Diff line number	Diff line change
`@@ -4,8 +4,8 @@ import classnames from 'classnames'`
`4`	`4`	`import TodoTextInput from './TodoTextInput'`
`5`	`5`	`import { CypressInstances } from '../decorators'`
`6`	`6`
`7`		`-@CypressInstances()`
`8`		`-export default class TodoItem extends Component {`
	`7`	`+@CypressInstances('TodoItem')`
	`8`	`+class TodoItem extends Component {`
`9`	`9`	`static propTypes = {`
`10`	`10`	`todo: PropTypes.object.isRequired,`
`11`	`11`	`editTodo: PropTypes.func.isRequired,`
`@@ -72,3 +72,5 @@ export default class TodoItem extends Component {`
`72`	`72`	`)`
`73`	`73`	`}`
`74`	`74`	`}`
	`75`	`+`
	`76`	`+export default TodoItem`
Original file line number	Diff line number	Diff line change
`@@ -3,8 +3,8 @@ import PropTypes from 'prop-types'`
`3`	`3`	`import classnames from 'classnames'`
`4`	`4`	`import { CypressSingleton } from '../decorators'`
`5`	`5`
`6`		`-@CypressSingleton()`
`7`		`-export default class TodoTextInput extends Component {`
	`6`	`+@CypressSingleton('TodoTextInput')`
	`7`	`+class TodoTextInput extends Component {`
`8`	`8`	`static propTypes = {`
`9`	`9`	`onSave: PropTypes.func.isRequired,`
`10`	`10`	`text: PropTypes.string,`
`@@ -55,3 +55,5 @@ export default class TodoTextInput extends Component {`
`55`	`55`	`)`
`56`	`56`	`}`
`57`	`57`	`}`
	`58`	`+`
	`59`	`+export default TodoTextInput`