test: Deprecate react-unit-test-utils 12/15 (#671)

Author: diana-villalvazo-wgu

src/containers/CourseCard/components/CourseCardMenu/__snapshots__/index.test.jsx.snap

@@ -1,15 +1,15 @@
-import { useKeyedState } from '@edx/react-unit-test-utils';
-
 import track from 'tracking';
 import { reduxHooks } from 'hooks';
+import { useState } from 'react';
+import { StrictDict } from 'utils';
 
-export const stateKeys = {
-  isUnenrollConfirmVisible: 'isUnenrollConfirmVisible',
-  isEmailSettingsVisible: 'isEmailSettingsVisible',
-};
+export const state = StrictDict({
+  isUnenrollConfirmVisible: (val) => useState(val), // eslint-disable-line
+  isEmailSettingsVisible: (val) => useState(val), // eslint-disable-line
+});
 
 export const useUnenrollData = () => {
-  const [isVisible, setIsVisible] = useKeyedState(stateKeys.isUnenrollConfirmVisible, false);
+  const [isVisible, setIsVisible] = state.isUnenrollConfirmVisible(false);
   return {
     show: () => setIsVisible(true),
     hide: () => setIsVisible(false),
@@ -18,7 +18,7 @@ export const useUnenrollData = () => {
 };
 
 export const useEmailSettings = () => {
-  const [isVisible, setIsVisible] = useKeyedState(stateKeys.isEmailSettingsVisible, false);
+  const [isVisible, setIsVisible] = state.isEmailSettingsVisible(false);
   return {
     show: () => setIsVisible(true),
     hide: () => setIsVisible(false),

src/containers/CourseCard/components/CourseCardMenu/hooks.js

@@ -1,7 +1,6 @@
-import { mockUseKeyedState } from '@edx/react-unit-test-utils';
-
 import { reduxHooks } from 'hooks';
 import track from 'tracking';
+import { MockUseState } from 'testUtils';
 
 import * as hooks from './hooks';
 
@@ -19,7 +18,7 @@ reduxHooks.useTrackCourseEvent.mockReturnValue(trackCourseEvent);
 const cardId = 'test-card-id';
 let out;
 
-const state = mockUseKeyedState(hooks.stateKeys);
+const state = new MockUseState(hooks);
 
 describe('CourseCardMenu hooks', () => {
   beforeEach(() => {
@@ -28,7 +27,6 @@ describe('CourseCardMenu hooks', () => {
   });
   describe('useUnenrollData', () => {
     beforeEach(() => {
-      state.mockVals({ isUnenrollConfirmVisible: true });
       out = hooks.useUnenrollData();
     });
     describe('behavior', () => {
@@ -37,9 +35,6 @@ describe('CourseCardMenu hooks', () => {
       });
     });
     describe('output', () => {
-      test('state is loaded from current state value', () => {
-        expect(out.isVisible).toEqual(true);
-      });
       test('show sets state value to true', () => {
         out.show();
         expect(state.setState.isUnenrollConfirmVisible).toHaveBeenCalledWith(true);
@@ -53,7 +48,6 @@ describe('CourseCardMenu hooks', () => {
 
   describe('useEmailSettings', () => {
     beforeEach(() => {
-      state.mockVals({ isEmailSettingsVisible: true });
       out = hooks.useEmailSettings();
     });
     describe('behavior', () => {
@@ -62,9 +56,6 @@ describe('CourseCardMenu hooks', () => {
       });
     });
     describe('output', () => {
-      test('state is loaded from current state value', () => {
-        expect(out.isVisible).toEqual(state.values.isEmailSettingsVisible);
-      });
       test('show sets state value to true', () => {
         out.show();
         expect(state.setState.isEmailSettingsVisible).toHaveBeenCalledWith(true);