Disable failing web-tests (#7949)

.circleci/src/jobs/@web-jobs.yml

@@ -149,9 +149,7 @@ web-test:
     - run:
         name: test
         no_output_timeout: 30m
-        command: |
-          cd packages/web
-          npm run test
+        command: npm run web:test
 
 web-build-production:
   working_directory: ~/audius-protocol

package.json

@@ -31,6 +31,7 @@
     "web:prod": "npm run start:prod -w audius-client",
     "web:stage": "npm run start:stage -w audius-client",
     "web:e2e": "npm run e2e -w audius-client",
+    "web:test": "turbo run test --filter=audius-client",
     "DESKTOP====================================": "",
     "desktop:dev": "concurrently -k 'BROWSER=none npm run start:dev -w audius-client' 'wait-on http://0.0.0.0:3000 && npm run electron:localhost -w audius-client -- 3000'",
     "desktop:prod": "concurrently -k 'BROWSER=none npm run start:prod -w audius-client' 'wait-on http://0.0.0.0:3002 && npm run electron:localhost -w audius-client -- 3002'",

packages/web/package.json

@@ -33,7 +33,7 @@
     "stylelint": "stylelint 'src/**/*.css'",
     "test:e2e": "npx playwright test",
     "test:coverage": "vitest --resetMocks=false --coverage --watchAll=false",
-    "test": "vitest",
+    "test": "vitest run",
     "typecheck:watch": "tsc --watch",
     "typecheck": "tsc",
     "verify": "concurrently \"npm:typecheck\" \"npm:lint:fix\" \"npm:stylelint:fix\" \"npm:lint:env\"",

packages/web/src/app/web-player/WebPlayer.test.tsx

@@ -6,7 +6,7 @@ import { describe, it, vitest } from 'vitest'
 import { configureStore } from 'store/configureStore'
 import { createHistory } from 'utils/history'
 
-import WebPlayer from './WebPlayer'
+// import WebPlayer from './WebPlayer'
 
 vitest.mock('jimp/es', () => null)
 vitest.mock('./visualizer/Visualizer', () => () => null)
@@ -25,16 +25,20 @@ vitest.mock('store/backend/sagas', () => ({
 vitest.mock('services/solana-client/SolanaClient', () => ({
   SolanaClient: () => {}
 }))
+vitest.mock('services/audius-sdk', async () => ({
+  audiusSdk: {}
+}))
 
-describe('smoke test', () => {
+// TODO: PAY-2609
+describe.skip('smoke test', () => {
   it('renders without crashing', () => {
     const history = createHistory()
     const rootNode = document.createElement('div')
     const store = configureStore(history, false, {}, false)
     ReactDOM.render(
       <Provider store={store}>
         <ConnectedRouter history={history}>
-          <WebPlayer />
+          {/* <WebPlayer /> */}
         </ConnectedRouter>
       </Provider>,
       rootNode

packages/web/src/common/store/cache/store.test.js

@@ -5,10 +5,9 @@ import {
   cacheReducer
 } from '@audius/common/store'
 import { makeKindId } from '@audius/common/utils'
-/* eslint-disable no-import-assign */
 import { combineReducers } from 'redux'
 import { expectSaga } from 'redux-saga-test-plan'
-import { describe, it, expect, vitest } from 'vitest'
+import { describe, it, expect, beforeAll, afterAll } from 'vitest'
 
 import sagas from 'common/store/cache/sagas'
 import {
@@ -27,12 +26,13 @@ const initialConfirmerState = {
 
 const MOCK_TIMESTAMP = 1479427200000
 
-beforeAll(() => {
-  config.CACHE_PRUNE_MIN = 1
-  vitest.spyOn(Date, 'now').mockImplementation(() => MOCK_TIMESTAMP)
-})
+// beforeAll(() => {
+//   config.CACHE_PRUNE_MIN = 1
+//   vitest.spyOn(Date, 'now').mockImplementation(() => MOCK_TIMESTAMP)
+// })
 
-describe('add', () => {
+// TODO: PAY-2602
+describe.skip('add', () => {
   it('can add one', async () => {
     const { storeState } = await expectSaga(allSagas(sagas()), actions)
       .withReducer(
@@ -294,7 +294,8 @@ describe('add', () => {
   })
 })
 
-describe('update', () => {
+// TODO: PAY-2602
+describe.skip('update', () => {
   it('can update', async () => {
     const { storeState } = await expectSaga(
       takeEverySaga(actions.UPDATE),
@@ -455,7 +456,8 @@ describe('setStatus', () => {
   })
 })
 
-describe('remove', () => {
+// TODO: PAY-2602
+describe.skip('remove', () => {
   it('can remove one', async () => {
     const initialTestState = {
       ...initialCacheState,
@@ -491,7 +493,8 @@ describe('remove', () => {
   })
 })
 
-describe('remove with pruning', () => {
+// TODO: PAY-2602
+describe.skip('remove with pruning', () => {
   beforeAll(() => {
     config.CACHE_PRUNE_MIN = 2
   })
@@ -535,7 +538,8 @@ describe('remove with pruning', () => {
   })
 })
 
-describe('subscribe', () => {
+// TODO: PAY-2602
+describe.skip('subscribe', () => {
   it('can add a subscription', async () => {
     const { storeState } = await expectSaga(
       takeEverySaga(actions.SUBSCRIBE),
@@ -578,7 +582,8 @@ describe('subscribe', () => {
   })
 })
 
-describe('unsubscribe', () => {
+// TODO: PAY-2602
+describe.skip('unsubscribe', () => {
   it('can remove a subscription', async () => {
     const { storeState } = await expectSaga(allSagas(sagas()), actions)
       .withReducer(

packages/web/src/common/store/pages/audio-rewards/store.test.ts

@@ -147,7 +147,8 @@ beforeAll(() => {
   })
 })
 
-describe('Rewards Page Sagas', () => {
+// TODO: PAY-2601
+describe.skip('Rewards Page Sagas', () => {
   describe('Claim Rewards Async', () => {
     it('should open hcaptcha modal, close the challenges modal, and save the claim for retry on hcaptcha error', () => {
       return (

packages/web/src/common/store/player/store.test.js

@@ -33,7 +33,8 @@ const makeInitialPlayer = (playing) => ({
   playing
 })
 
-describe('watchPlay', () => {
+// TODO: PAY-2605
+describe.skip('watchPlay', () => {
   it('plays uid', async () => {
     const initialPlayer = makeInitialPlayer(false)
     const { storeState } = await expectSaga(sagas.watchPlay, playerActions)
@@ -82,7 +83,8 @@ describe('watchPlay', () => {
   })
 })
 
-describe('watchPause', () => {
+// TODO: PAY-2605
+describe.skip('watchPause', () => {
   it('pauses', async () => {
     const initialPlayer = makeInitialPlayer(false)
     const { storeState } = await expectSaga(sagas.watchPause, playerActions)
@@ -105,7 +107,8 @@ describe('watchPause', () => {
   })
 })
 
-describe('watchStop', () => {
+// TODO: PAY-2605
+describe.skip('watchStop', () => {
   it('stops', async () => {
     const initialPlayer = makeInitialPlayer(false)
     const { storeState } = await expectSaga(sagas.watchStop, playerActions)
@@ -128,7 +131,8 @@ describe('watchStop', () => {
   })
 })
 
-describe('watchSeek', () => {
+// TODO: PAY-2605
+describe.skip('watchSeek', () => {
   it('seeks', async () => {
     const initialPlayer = makeInitialPlayer(true)
     const { storeState } = await expectSaga(sagas.watchSeek, playerActions)

packages/web/src/common/store/queue/store.test.js

@@ -72,7 +72,8 @@ const makeInitialAccount = (config = {}) => ({
   ...config
 })
 
-describe('watchPlay', () => {
+// TODO: PAY-2603
+describe.skip('watchPlay', () => {
   it('plays uid', async () => {
     const initialQueue = makeInitialQueue()
     const { storeState } = await expectSaga(sagas.watchPlay, actions)
@@ -145,7 +146,8 @@ describe('watchPause', () => {
   })
 })
 
-describe('watchNext', () => {
+// TODO: PAY-2603
+describe.skip('watchNext', () => {
   it('queues autoplay', async () => {
     const initialQueue = makeInitialQueue({ index: 1 })
     const playingEntry = initialQueue.order[initialQueue.index]
@@ -445,7 +447,8 @@ describe('watchQueueAutoplay', () => {
   })
 })
 
-describe('watchPrevious', () => {
+// TODO: PAY-2603
+describe.skip('watchPrevious', () => {
   it('plays the previous track', async () => {
     const initialQueue = makeInitialQueue({ index: 2 })
     const playingEntry = initialQueue.order[initialQueue.index]
@@ -565,7 +568,8 @@ describe('watchShuffle', () => {
   })
 })
 
-describe('watchAdd', () => {
+// TODO: PAY-2603
+describe.skip('watchAdd', () => {
   it('adds tracks', async () => {
     const initialQueue = makeInitialQueue()
     const { storeState } = await expectSaga(sagas.watchAdd, actions)

packages/web/src/common/store/social/collections/store.test.js

@@ -14,7 +14,8 @@ import { noopReducer } from 'store/testHelper'
 
 const repostingUser = { repost_count: 0 }
 
-describe('repost', () => {
+// TODO: PAY-2608
+describe.skip('repost', () => {
   it('reposts', async () => {
     await expectSaga(sagas.watchRepostCollection, actions)
       .withReducer(
@@ -98,7 +99,8 @@ describe('repost', () => {
   })
 })
 
-describe('save', () => {
+// TODO: PAY-2608
+describe.skip('save', () => {
   it('saves', async () => {
     await expectSaga(sagas.watchSaveCollection, actions)
       .withReducer(

packages/web/src/common/store/social/tracks/store.test.js

@@ -15,7 +15,8 @@ import { noopReducer } from 'store/testHelper'
 
 const repostingUser = { repost_count: 0 }
 
-describe('repost', () => {
+// TODO: PAY-2600
+describe.skip('repost', () => {
   it('reposts', async () => {
     await expectSaga(sagas.watchRepostTrack, actions)
       .withReducer(
@@ -99,7 +100,8 @@ describe('repost', () => {
   })
 })
 
-describe('save', () => {
+// TODO: PAY-2600
+describe.skip('save', () => {
   it('saves', async () => {
     await expectSaga(sagas.watchSaveTrack, actions)
       .withReducer(
@@ -171,7 +173,8 @@ describe('save', () => {
   })
 })
 
-describe('recordListen', () => {
+// TODO: PAY-2600
+describe.skip('recordListen', () => {
   it('dispatches a listen for another account', async () => {
     await expectSaga(sagas.watchRecordListen, actions)
       .withReducer(

packages/web/src/common/store/social/users/store.test.js

@@ -16,7 +16,8 @@ import { noopReducer } from 'store/testHelper'
 const followedUser = { follower_count: 5 }
 const accountUser = { followee_count: 1 }
 
-describe('follow', () => {
+// TODO: PAY-2607
+describe.skip('follow', () => {
   it('follows', async () => {
     await expectSaga(sagas.watchFollowUser, actions)
       .withReducer(

packages/web/src/common/store/upload/sagas.test.ts

@@ -13,7 +13,7 @@ import { expectSaga, testSaga } from 'redux-saga-test-plan'
 import { call, getContext, select } from 'redux-saga-test-plan/matchers'
 import { dynamic } from 'redux-saga-test-plan/providers'
 import { all, fork } from 'typed-redux-saga'
-import { describe, expect, it, vitest } from 'vitest'
+import { beforeAll, describe, expect, it, vitest } from 'vitest'
 
 import { reportToSentry } from 'store/errors/reportToSentry'
 import { waitForWrite } from 'utils/sagaHelpers'
@@ -83,6 +83,10 @@ const emptyMetadata: TrackMetadataForUpload = {
 }
 
 describe('upload', () => {
+  beforeAll(() => {
+    vitest.spyOn(global.console, 'debug').mockImplementation(() => {})
+  })
+
   it('uploads single track as non-collection', () => {
     const testTrack: TrackForUpload = {
       file: new File(['abcdefghijklmnopqrstuvwxyz'], 'test'),
@@ -577,7 +581,7 @@ describe('upload', () => {
       )
   })
 
-  it('can queue 99 uploads', () => {
+  it.skip('can queue 99 uploads', () => {
     const makeStem = (name: string): StemUploadWithFile => ({
       file: new File(['abcdefghijklmnopqrstuvwxyz'], `${name}.mp3`),
       metadata: { ...emptyMetadata, title: name },
@@ -658,7 +662,7 @@ describe('upload', () => {
         // Assertions
         // Succeeds upload
         .put.actionType(uploadActions.UPLOAD_TRACKS_SUCCEEDED)
-        .run()
+        .run({ timeout: 20 * 1000 })
         .then(() => {
           expect(libsMock.Track.uploadTrackV2).toHaveBeenCalledTimes(99)
         })

packages/web/src/hooks/useImageSize.test.tsx

@@ -78,7 +78,8 @@ describe('useImageSize', () => {
       })
 
       describe('if the url is empty', () => {
-        it('returns the default image', () => {
+        // TODO: PAY-2610
+        it.skip('returns the default image', () => {
           const { getByText } = render(
             <TestComponent
               id={1}
@@ -109,7 +110,8 @@ describe('useImageSize', () => {
         action: () => {}
       }
 
-      it('returns the larger size', () => {
+      // TODO: PAY-2610
+      it.skip('returns the larger size', () => {
         const { getByText } = render(<TestComponent {...props} />)
         getByText('large')
       })

packages/web/src/services/audio-player/AudioPlayer.test.js

@@ -24,7 +24,8 @@ beforeAll(() => {
   })
 })
 
-describe('play', () => {
+// TODO: PAY-2606
+describe.skip('play', () => {
   it('plays', () => {
     const play = vitest.fn()
     global.Audio = vitest.fn().mockImplementation(() => ({
@@ -41,7 +42,8 @@ describe('play', () => {
   })
 })
 
-describe('pause', () => {
+// TODO: PAY-2606
+describe.skip('pause', () => {
   it('pauses', () => {
     const pause = vitest.fn()
     global.Audio = vitest.fn().mockImplementation(() => ({
@@ -60,7 +62,8 @@ describe('pause', () => {
   })
 })
 
-describe('stop', () => {
+// TODO: PAY-2606
+describe.skip('stop', () => {
   it('stops', () => {
     const pause = vitest.fn()
     global.Audio = vitest.fn().mockImplementation(() => ({

packages/web/src/store/lineup/store.test.js

@@ -89,7 +89,8 @@ beforeAll(() => {
   vitest.spyOn(Date, 'now').mockImplementation(() => MOCK_TIMESTAMP)
 })
 
-describe('fetch', () => {
+// TODO: PAY-2604
+describe.skip('fetch', () => {
   it('fetches and add tracks to the lineup', async () => {
     const { storeState } = await expectSaga(
       allSagas(sagas.getSagas().concat(cacheSagas())),
@@ -171,7 +172,8 @@ describe('fetch', () => {
   })
 })
 
-describe('play', () => {
+// TODO: PAY-2604
+describe.skip('play', () => {
   it('adds all tracks to the queue', async () => {
     const { storeState } = await expectSaga(allSagas(sagas.getSagas()), actions)
       .withReducer(