Attempting to debug the MSW uncaught http request error in CircleCi builds

.circleci/config.yml

@@ -40,7 +40,7 @@ jobs:
         paths: 
         - node_modules   
     # Test
-    - run: yarn test -- --coverage --runInBand
+    - run: yarn test AuthLayoutRouter.test.js #--coverage --runInBand
     - run: codecov --token=c2dc871a-a23b-4a38-b105-f46e97f383c7
     # Deployment in CircleCI 2.0 are better handled through workflows.
     # See the documentation for more information https://circleci.com/docs/2.0/workflows/

package.json

@@ -183,7 +183,7 @@
     "mock-fs": "^4.2.0",
     "moment-locales-webpack-plugin": "^1.2.0",
     "moment-timezone": "^0.5.37",
-    "msw": "^0.36.8",
+    "msw": "1.3.2",
     "newrelic": "^7.0.2",
     "normalize.css": "^7.0.0",
     "object-assign": "4.1.1",

scripts/test.js

@@ -24,5 +24,6 @@ if (!process.env.CI && argv.indexOf('--coverage') < 0) {
 // argv.push('--no-cache')
 
 argv.push('--runInBand') // Needed to speed up test run times in docker and CI envs
+argv.push('--ci') // Attempting to address warnings from msw on circleci
 
 jest.run(argv)

src/util/testing/handlers.js

@@ -0,0 +1,12 @@
+import { rest } from 'msw'
+
+export const handlers = [
+  rest.get('/socket.io', (req, res, ctx) => {
+    console.log('http://localhost/socket.io called in mocked test')
+    // console.trace()
+    return res(
+      ctx.status(404),
+      ctx.json({})
+    )
+  })
+]

src/util/testing/mockGraphqlServer.js

@@ -1,51 +1,54 @@
 import { setupServer } from 'msw/node'
+import { handlers } from './handlers'
+// import { graphql } from 'msw'
 
-export const mockGraphqlServer = setupServer()
+export const mockGraphqlServer = setupServer(...handlers)
 
 export default mockGraphqlServer
 
 // AuthLayoutRouter empty handlers for reference; to reduce boilerplace
 // possibly pre-polulate these on each test load
-//
-// graphql.query('MeQuery', (req, res, ctx) => {
-//   return res(
-//     ctx.data({
-//       me: null
-//     })
-//   )
-// }),
-// graphql.query('FetchForGroup', (req, res, ctx) => {
-//   return res(
-//     ctx.data({
-//       group: null
-//     })
-//   )
-// }),
-// graphql.query('GroupDetailsQuery', (req, res, ctx) => {
-//   return res(
-//     ctx.data({
-//       group: null
-//     })
-//   )
-// }),
-// graphql.query('MessageThreadsQuery', (req, res, ctx) => {
-//   return res(
-//     ctx.data({
-//       me: null
-//     })
-//   )
-// }),
-// graphql.query('MyPendingJoinRequestsQuery', (req, res, ctx) => {
-//   return res(
-//     ctx.data({
-//       joinRequests: null
-//     })
-//   )
-// }),
-// graphql.query('NotificationsQuery', (req, res, ctx) => {
-//   return res(
-//     ctx.data({
-//       notifications: nulle
-//     })
-//   )
-// })
+// mockGraphqlServer.resetHandlers(
+//   graphql.query('MeQuery', (req, res, ctx) => {
+//     return res(
+//       ctx.data({
+//         me: null
+//       })
+//     )
+//   }),
+//   graphql.query('FetchForGroup', (req, res, ctx) => {
+//     return res(
+//       ctx.data({
+//         group: null
+//       })
+//     )
+//   }),
+//   graphql.query('GroupDetailsQuery', (req, res, ctx) => {
+//     return res(
+//       ctx.data({
+//         group: null
+//       })
+//     )
+//   }),
+//   graphql.query('MessageThreadsQuery', (req, res, ctx) => {
+//     return res(
+//       ctx.data({
+//         me: null
+//       })
+//     )
+//   }),
+//   graphql.query('MyPendingJoinRequestsQuery', (req, res, ctx) => {
+//     return res(
+//       ctx.data({
+//         joinRequests: null
+//       })
+//     )
+//   }),
+//   graphql.query('NotificationsQuery', (req, res, ctx) => {
+//     return res(
+//       ctx.data({
+//         notifications: null
+//       })
+//     )
+//   })
+// )