hunk.code_window:         presets: config.presets,
           plugins: config.plugins.filter((plugin) => plugin !== 'babel-plugin-typescript-to-proptypes'),
       },
   };
   config.env.test.presets[0][1].modules = 'auto';
   module.exports = config;
hunk.labels: keep keep keep keep replace keep keep
hunk.file_path: webapp/channels/babel.config.js
hunk.type: replace
file: // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
  // See LICENSE.txt for license information.
  
  import React from 'react'
  
  import {render} from '@testing-library/react'
  
  import configureStore from 'redux-mock-store'
  
  import {Provider as ReduxProvider} from 'react-redux'
  
  import {wrapIntl} from 'src/testUtils'
  
  import OpenCardTourStep from './open_card'
  
  describe('components/onboardingTour/addComments/OpenCardTourStep', () => {
      const mockStore = configureStore([])
      const state = {
          users: {
              me: {
                  id: 'user_id_1',
              },
              myConfig: {
                  onboardingTourStarted: {value: true},
                  tourCategory: {value: 'onboarding'},
                  onboardingTourStep: {value: '0'},
              },
          },
          boards: {
              boards: {
                  board_id_1: {title: 'Welcome to Boards!'},
              },
              current: 'board_id_1',
          },
          cards: {
              cards: {
                  card_id_1: {title: 'Create a new card'},
              },
              current: 'card_id_1',
          },
          clientConfig: {
              value: {
                  featureFlags: {},
              },
          },
      }
      let store = mockStore(state)
  
      beforeEach(() => {
          store = mockStore(state)
      })
  
      test('before hover', () => {
          const component = wrapIntl(
              <ReduxProvider store={store}>
                  <OpenCardTourStep/>
              </ReduxProvider>,
          )
          const {container} = render(component)
          expect(container).toMatchSnapshot()
      })
  
      test('after hover', () => {
          const component = wrapIntl(
              <ReduxProvider store={store}>
                  <OpenCardTourStep/>
              </ReduxProvider>,
          )
          render(component)
          const elements = document.querySelectorAll('.OpenCardTourStep')
          expect(elements.length).toBe(2)
          expect(elements[1]).toMatchSnapshot()
      })
  })
  