Fix tests.

kolibri/plugins/learn/assets/test/views/learning-activity-bar.spec.js

@@ -1,13 +1,25 @@
 import { shallowMount, mount } from '@vue/test-utils';
+import Vuex from 'vuex';
 import { useDevicesWithFacility } from 'kolibri.coreVue.componentSets.sync';
 import { LearningActivities } from 'kolibri.coreVue.vuex.constants';
 import LearningActivityBar from '../../src/views/LearningActivityBar';
 
 jest.mock('kolibri.coreVue.componentSets.sync');
 function makeWrapper({ propsData } = {}) {
+  const store = new Vuex.Store({
+    state: { core: { loading: false } },
+    mutations: {
+      SET_SHOW_COMPLETE_CONTENT_MODAL: jest.fn(),
+    },
+  });
   // stubbing out KCircularLoader, as using the actual component led to errors related to
   // Vue Composition API - stub may not be needed once we upgrade to Vue 2.7
-  return mount(LearningActivityBar, { propsData, stubs: ['KCircularLoader'] });
+  return mount(LearningActivityBar, {
+    propsData,
+    stubs: ['KCircularLoader'],
+    data: () => ({ windowBreakpoint: 6 }),
+    store,
+  });
 }
 
 describe('LearningActivityBar', () => {

kolibri/plugins/learn/assets/test/views/resumable-content-grid.spec.js

@@ -30,14 +30,14 @@ describe('when there are nodes with progress that can be resumed', () => {
 
   it('displays grid / list toggle buttons when on medium or larger screens', () => {
     const wrapper = shallowMount(ResumableContentGrid, {
-      computed: { windowIsMedium: () => true },
+      data: () => ({ windowIsSmall: false }),
     });
     expect(wrapper.find('[data-test="toggle-view-buttons"]').element).toBeTruthy();
   });
 
   it('does not show the grid / list toggle buttons when on extra small screens', async () => {
     const wrapper = shallowMount(ResumableContentGrid, {
-      computed: { windowIsSmall: () => true },
+      data: () => ({ windowIsSmall: true }),
     });
     expect(wrapper.find('[data-test="toggle-view-buttons"]').element).toBeFalsy();
   });