diff --git a/docs/dev/frontend.rst b/docs/dev/frontend.rst
index 2de41a15c72..3a76623c5c6 100644
--- a/docs/dev/frontend.rst
+++ b/docs/dev/frontend.rst
@@ -56,7 +56,7 @@ For example:
       management/
         assets/
           src/
-            learner-roster.vue  # nested-view
+            user-roster.vue  # nested-view
             vue/index.vue        # root view
             app.js              # instantiate mgmt app on client-side
           test/
diff --git a/docs/dev/user_management.rst b/docs/dev/user_management.rst
index cf3479d6cb0..9cbbcee7cf1 100644
--- a/docs/dev/user_management.rst
+++ b/docs/dev/user_management.rst
@@ -49,7 +49,7 @@ interaction with the selectors and filters. Each item in this list corresponds t
 * A ``manage`` button which summons a class and group management modal for that student.
 
 .. note::
-  The roster described here corresponds to ``learner-roster.vue``.
+  The roster described here corresponds to ``user-roster.vue``.
 
 The detail view modal displays learner account data and provides a mechanism to reset a learner's password.
 
@@ -91,9 +91,6 @@ The UI allows the list of learner in the roster to be filtered. This includes:
   to the classroom selector.
 * Potentially other filters, for example listing learners in alphabetical or reverse-alphabetical order.
 
-.. note::
-  The classroom and group selectors are both instances of ``drop-down.vue``. Space is reserved in ``app-root.vue`` right now for other filters, however they don't correspond to subcomponents.
-
 Miscellaneous widgets
 *********************
 
diff --git a/kolibri/auth/test/test_models.py b/kolibri/auth/test/test_models.py
index d5726f1d776..faa98bb0261 100644
--- a/kolibri/auth/test/test_models.py
+++ b/kolibri/auth/test/test_models.py
@@ -385,7 +385,7 @@ def test_membership_str_method(self):
         self.assertEqual(str(self.learner.membership_set.all()[0]), '"foo"@"Arkham"\'s membership in "Oodles of Fun" (learnergroup)')
 
     def test_role_str_method(self):
-        self.assertEqual(str(self.classroom_coach.role_set.all()[0]), '"bar"@"Arkham"\'s coach role for "Classroom X" (classroom)')
+        self.assertEqual(str(self.classroom_coach.roles.all()[0]), '"bar"@"Arkham"\'s coach role for "Classroom X" (classroom)')
 
     def test_facility_str_method(self):
         self.assertEqual(str(self.facility), "Arkham")
diff --git a/kolibri/plugins/management/assets/src/actions.js b/kolibri/plugins/management/assets/src/actions.js
index 4a6eea8f761..d312b69d351 100644
--- a/kolibri/plugins/management/assets/src/actions.js
+++ b/kolibri/plugins/management/assets/src/actions.js
@@ -14,8 +14,8 @@ function createUser(store, payload, role) {
   newUserPromise.then((model) => {
     // assgin role to this new user if the role is not learner
     if (role === 'learner' || !role) {
-      // mutation ADD_LEARNERS only take array
-      store.dispatch('ADD_LEARNERS', [model]);
+      // mutation ADD_USERS only take array
+      store.dispatch('ADD_USERS', [model]);
     } else {
       const rolePayload = {
         user: model.id,
@@ -26,7 +26,7 @@ function createUser(store, payload, role) {
       const newRolePromise = RoleModel.save(rolePayload);
       newRolePromise.then((results) => {
         FacilityUserModel.fetch({}, true).then(updatedModel => {
-          store.dispatch('ADD_LEARNERS', [updatedModel]);
+          store.dispatch('ADD_USERS', [updatedModel]);
         });
       }).catch((error) => {
         store.dispatch('SET_ERROR', JSON.stringify(error, null, '\t'));
@@ -66,7 +66,7 @@ function updateUser(store, id, payload, role) {
           // force role change because if the role is the only changing attribute
           // FacilityUserModel.save() will not send request to server.
           responses.roles = [newRole];
-          store.dispatch('UPDATE_LEARNERS', [responses]);
+          store.dispatch('UPDATE_USERS', [responses]);
         })
         .catch((error) => {
           store.dispatch('SET_ERROR', JSON.stringify(error, null, '\t'));
@@ -89,7 +89,7 @@ function updateUser(store, id, payload, role) {
             // force role change because if the role is the only changing attribute
             // FacilityUserModel.save() will not send request to server.
             responses.roles = [newRole];
-            store.dispatch('UPDATE_LEARNERS', [responses]);
+            store.dispatch('UPDATE_USERS', [responses]);
           })
           .catch((error) => {
             store.dispatch('SET_ERROR', JSON.stringify(error, null, '\t'));
@@ -107,7 +107,7 @@ function updateUser(store, id, payload, role) {
           // force role change because if the role is the only changing attribute
           // FacilityUserModel.save() will not send request to server.
           responses.roles = [];
-          store.dispatch('UPDATE_LEARNERS', [responses]);
+          store.dispatch('UPDATE_USERS', [responses]);
         })
         .catch((error) => {
           store.dispatch('SET_ERROR', JSON.stringify(error, null, '\t'));
@@ -117,7 +117,7 @@ function updateUser(store, id, payload, role) {
   } else {
   // the role is not changed
     FacilityUserModel.save(payload).then(responses => {
-      store.dispatch('UPDATE_LEARNERS', [responses]);
+      store.dispatch('UPDATE_USERS', [responses]);
     })
     .catch((error) => {
       store.dispatch('SET_ERROR', JSON.stringify(error, null, '\t'));
@@ -137,7 +137,7 @@ function deleteUser(store, id) {
   const FacilityUserModel = Kolibri.resources.FacilityUserResource.getModel(id);
   const newUserPromise = FacilityUserModel.delete(id);
   newUserPromise.then((userId) => {
-    store.dispatch('DELETE_LEARNERS', [userId]);
+    store.dispatch('DELETE_USERS', [userId]);
   })
   .catch((error) => {
     store.dispatch('SET_ERROR', JSON.stringify(error, null, '\t'));
@@ -145,23 +145,18 @@ function deleteUser(store, id) {
 }
 
 // An action for setting up the initial state of the app by fetching data from the server
-function fetch(store) {
+function fetchInitialData(store) {
   const learnerCollection = FacilityUserResource.getCollection();
   const roleCollection = RoleResource.getCollection();
   const facilityIdPromise = learnerCollection.getCurrentFacility();
-  const learnerPromise = learnerCollection.fetch();
+  const userPromise = learnerCollection.fetch();
   const rolePromise = roleCollection.fetch();
-  const promises = [facilityIdPromise, learnerPromise, rolePromise];
+  const promises = [facilityIdPromise, userPromise, rolePromise];
   Promise.all(promises).then(responses => {
     const id = responses[0];
-    if (id.constructor === Array) {
-      // for mvp, we assume only one facility ever existed.
-      store.dispatch('SET_FACILITY', id[0]);
-    } else {
-      store.dispatch('SET_FACILITY', id);
-    }
-    const learners = responses[1];
-    store.dispatch('ADD_LEARNERS', learners);
+    store.dispatch('SET_FACILITY', id[0]); // for mvp, we assume only one facility exists
+    const users = responses[1];
+    store.dispatch('ADD_USERS', users);
   },
   rejects => {
     store.dispatch('SET_ERROR', JSON.stringify(rejects, null, '\t'));
@@ -172,5 +167,5 @@ module.exports = {
   createUser,
   updateUser,
   deleteUser,
-  fetch,
+  fetchInitialData,
 };
diff --git a/kolibri/plugins/management/assets/src/app.js b/kolibri/plugins/management/assets/src/app.js
index 7147933ede6..b6e723f0e7c 100644
--- a/kolibri/plugins/management/assets/src/app.js
+++ b/kolibri/plugins/management/assets/src/app.js
@@ -12,11 +12,11 @@ class ManagementModule extends KolibriModule {
       store: require('./state/store.js').store,
       vuex: {
         actions: {
-          fetch: actions.fetch,
+          fetchInitialData: actions.fetchInitialData,
         },
       },
     });
-    this.vm.fetch();
+    this.vm.fetchInitialData();
   }
 }
 
diff --git a/kolibri/plugins/management/assets/src/state/getters.js b/kolibri/plugins/management/assets/src/state/getters.js
deleted file mode 100644
index 440cd4a1b04..00000000000
--- a/kolibri/plugins/management/assets/src/state/getters.js
+++ /dev/null
@@ -1,27 +0,0 @@
-function getClassrooms(state) {
-  return state.classrooms;
-}
-
-function getLearnerGroups(state) {
-  return state.learnerGroups;
-}
-
-function getLearners(state) {
-  return state.learners;
-}
-
-function getSelectedClassroomId(state) {
-  return state.selectedClassroomId;
-}
-
-function getSelectedGroupId(state) {
-  return state.selectedGroupId;
-}
-
-module.exports = {
-  getClassrooms,
-  getLearnerGroups,
-  getLearners,
-  getSelectedClassroomId,
-  getSelectedGroupId,
-};
diff --git a/kolibri/plugins/management/assets/src/state/store.js b/kolibri/plugins/management/assets/src/state/store.js
index ae0d1fa2360..ca5ca32691b 100644
--- a/kolibri/plugins/management/assets/src/state/store.js
+++ b/kolibri/plugins/management/assets/src/state/store.js
@@ -2,45 +2,45 @@ const Vuex = require('vuex');
 
 function getInitialState() {
   return {
-    facility: 1,
-    learners: [],
+    facility: undefined,
+    users: [],
     error: '',
   };
 }
 
 
 const mutations = {
-  ADD_LEARNERS(state, learners) {
-    learners.forEach(learner => {
-      state.learners.push({
-        id: learner.id,
-        username: learner.username,
-        first_name: learner.first_name,
-        last_name: learner.last_name,
-        roles: learner.roles,
+  ADD_USERS(state, users) {
+    users.forEach(user => {
+      state.users.push({
+        id: user.id,
+        username: user.username,
+        first_name: user.first_name,
+        last_name: user.last_name,
+        roles: user.roles,
       });
     });
   },
 
-  UPDATE_LEARNERS(state, learners) {
-    learners.forEach(learner => {
-      state.learners.forEach(existingLearner => {
-        if (existingLearner.id === learner.id.toString()) {
-          existingLearner.username = learner.username;
-          existingLearner.first_name = learner.first_name;
-          existingLearner.last_name = learner.last_name;
-          existingLearner.roles = learner.roles;
+  UPDATE_USERS(state, users) {
+    users.forEach(user => {
+      state.users.forEach(existingUser => {
+        if (existingUser.id === user.id.toString()) {
+          existingUser.username = user.username;
+          existingUser.first_name = user.first_name;
+          existingUser.last_name = user.last_name;
+          existingUser.roles = user.roles;
         }
       });
     });
   },
 
-  DELETE_LEARNERS(state, ids) {
+  DELETE_USERS(state, ids) {
     ids.forEach(id => {
-      state.learners.forEach((learner, index) => {
-        if (learner.id === id) {
+      state.users.forEach((user, index) => {
+        if (user.id === id) {
           if (index > -1) {
-            state.learners.splice(index, 1);
+            state.users.splice(index, 1);
           }
         }
       });
diff --git a/kolibri/plugins/management/assets/src/vue/drop-down.vue b/kolibri/plugins/management/assets/src/vue/drop-down.vue
deleted file mode 100644
index 7d2f3176a7a..00000000000
--- a/kolibri/plugins/management/assets/src/vue/drop-down.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-
-  <select v-model="selected">
-    <template v-for="option in list">
-      <option :value="option">
-        {{ option.name }}
-      </option>
-    </template>
-  </select>
-
-</template>
-
-
-<script>
-
-  module.exports = {
-    props: {
-      list: {
-        type: Array,
-      },
-      selected: null,
-    },
-  };
-
-</script>
-
-
-<style lang="stylus" scoped></style>
diff --git a/kolibri/plugins/management/assets/src/vue/index.vue b/kolibri/plugins/management/assets/src/vue/index.vue
index 1395d268228..ea4cb3283d2 100644
--- a/kolibri/plugins/management/assets/src/vue/index.vue
+++ b/kolibri/plugins/management/assets/src/vue/index.vue
@@ -1,7 +1,7 @@
 <template>
 
   <core-base>
-    <learner-roster></learner-roster>
+    <user-roster></user-roster>
   </core-base>
 
 </template>
@@ -12,8 +12,7 @@
   module.exports = {
     components: {
       'core-base': require('core-base'),
-      'drop-down': require('./drop-down.vue'),
-      'learner-roster': require('./learner-roster.vue'),
+      'user-roster': require('./user-roster.vue'),
     },
     vuex: {
       actions: require('../actions.js'),
diff --git a/kolibri/plugins/management/assets/src/vue/user-create-modal.vue b/kolibri/plugins/management/assets/src/vue/user-create-modal.vue
index e0850bcec6b..bdfebbbc159 100644
--- a/kolibri/plugins/management/assets/src/vue/user-create-modal.vue
+++ b/kolibri/plugins/management/assets/src/vue/user-create-modal.vue
@@ -1,16 +1,16 @@
 <template>
 
   <div class="user-creation-modal">
-    <modal btntext="+ Learner">
+    <modal btntext="+ User">
       <div class="title" slot="header">User creation</div>
       <div slot="body">
-        <br>Username: <input type="text" v-model="userName" placeholder="Please type in your username."><br>
-        <br>Password: <input type="text" v-model="passWord" placeholder="Please type in your password."><br>
+        <br>Username: <input type="text" v-model="username" placeholder="Please type in your username."><br>
+        <br>Password: <input type="text" v-model="password" placeholder="Please type in your password."><br>
         <br>First name: <input type="text" v-model="firstName" placeholder="Please type in your first name."><br>
         <br>Last name: <input type="text" v-model="lastName" placeholder="Please type in your last name."><br>
-        <!-- radio buttons for electing role -->
-        <br>Learner <input type="radio" name="picked" value="learner" v-model="role"><br>
-        <br>Admin <input type="radio" name="picked" value="admin" v-model="role"><br>
+        <!-- radio buttons for selecting role -->
+        <br>Learner <input type="radio" value="learner" v-model="role"><br>
+        <br>Admin <input type="radio" value="admin" v-model="role"><br>
       </div>
       <div slot="footer">
         <button class="create-btn" type="button" @click="createNewUser">Create User</button>
@@ -31,8 +31,8 @@
     },
     data() {
       return {
-        userName: '',
-        passWord: '',
+        username: '',
+        password: '',
         firstName: '',
         lastName: '',
         role: 'learner',
@@ -41,8 +41,8 @@
     methods: {
       createNewUser() {
         const payload = {
-          password: this.passWord,
-          username: this.userName,
+          password: this.password,
+          username: this.username,
           first_name: this.firstName,
           last_name: this.lastName,
           facility: this.facility,
@@ -67,8 +67,8 @@
 
   .title
     display: inline
-  
+
   .create-btn
     float: right
 
-</style>
\ No newline at end of file
+</style>
diff --git a/kolibri/plugins/management/assets/src/vue/user-edit-modal.vue b/kolibri/plugins/management/assets/src/vue/user-edit-modal.vue
index 6ac89d30390..6592049e353 100644
--- a/kolibri/plugins/management/assets/src/vue/user-edit-modal.vue
+++ b/kolibri/plugins/management/assets/src/vue/user-edit-modal.vue
@@ -4,13 +4,13 @@
     <modal btntext="Edit">
       <div class="title" slot="header">User edit</div>
       <div slot="body">
-        <br>Username: <input type="text" v-model="userName" placeholder="Please type in your username."><br>
-        <br>Password: <input type="text" v-model="passWord" placeholder="Please type in your password."><br>
-        <br>First name: <input type="text" v-model="firstName" placeholder="Please type in your first name."><br>
-        <br>Last name: <input type="text" v-model="lastName" placeholder="Please type in your last name."><br>
-        <!-- radio buttons for electing role -->
-        <br>Learner <input type="radio" name="picked" value="learner" v-model="role"><br>
-        <br>Admin <input type="radio" name="picked" value="admin" v-model="role"><br>
+        <br>Username: <input type="text" v-model="username_new" placeholder="Please type in your username."><br>
+        <br>Password: <input type="text" v-model="password_new" placeholder="Please type in your password."><br>
+        <br>First name: <input type="text" v-model="firstName_new" placeholder="Please type in your first name."><br>
+        <br>Last name: <input type="text" v-model="lastName_new" placeholder="Please type in your last name."><br>
+        <!-- radio buttons for selecting role -->
+        <br>Learner <input type="radio" value="learner" v-model="role_new"><br>
+        <br>Admin <input type="radio" value="admin" v-model="role_new"><br>
       </div>
       <div slot="footer">
         <button class="confirm-btn" type="button" @click="editUser">Confirm</button>
@@ -34,23 +34,23 @@
     ],
     data() {
       return {
-        userName: this.username,
-        passWord: '',
-        firstName: this.firstname,
-        lastName: this.lastname,
-        role: this.roles.length ? this.roles[0].kind : 'learner',
+        username_new: this.username,
+        password_new: '',
+        firstName_new: this.firstname,
+        lastName_new: this.lastname,
+        role_new: this.roles.length ? this.roles[0].kind : 'learner',
       };
     },
     methods: {
       editUser() {
         const payload = {
-          password: this.passWord,
-          username: this.userName,
-          first_name: this.firstName,
-          last_name: this.lastName,
+          password: this.password_new,
+          username: this.username_new,
+          first_name: this.firstName_new,
+          last_name: this.lastName_new,
           facility: this.facility,
         };
-        this.updateUser(this.userid, payload, this.role);
+        this.updateUser(this.userid, payload, this.role_new);
       },
     },
     vuex: {
@@ -70,8 +70,8 @@
 
   .title
     display: inline
-  
+
   .confirm-btn
     float: right
 
-</style>
\ No newline at end of file
+</style>
diff --git a/kolibri/plugins/management/assets/src/vue/learner-roster.vue b/kolibri/plugins/management/assets/src/vue/user-roster.vue
similarity index 53%
rename from kolibri/plugins/management/assets/src/vue/learner-roster.vue
rename to kolibri/plugins/management/assets/src/vue/user-roster.vue
index 2404ffe208b..8ced95aac54 100644
--- a/kolibri/plugins/management/assets/src/vue/learner-roster.vue
+++ b/kolibri/plugins/management/assets/src/vue/user-roster.vue
@@ -1,24 +1,23 @@
 <template>
 
   <div class="roster">
-    <input type="search" placeholder="Search for learner...">
     <div>
       <user-create-modal></user-create-modal>
     </div>
-    <div class="learner-roster">
+    <div class="user-roster">
       <ul>
-        <li v-for="learner in getLearners">
-          <a>{{ learner.last_name + ", " + learner.first_name + ", "}} {{learner.roles.length ? learner.roles[0].kind : "learner" }}</a>
-          <user-edit-modal :userid="learner.id" :roles="learner.roles" :username="learner.username" :firstname="learner.first_name" :lastname="learner.last_name"></user-edit-modal>
-          <button @click="deleteUser(learner.id)">Delete</button>
+        <li v-for="user in getUsers">
+          <div>{{ user.last_name + ", " + user.first_name + ", "}} {{user.roles.length ? user.roles[0].kind : "user" }}</div>
+          <user-edit-modal :userid="user.id" :roles="user.roles" :username="user.username" :firstname="user.first_name" :lastname="user.last_name"></user-edit-modal>
+          <button @click="deleteUser(user.id)">Delete</button>
         </li>
       </ul>
     </div>
   </div>
   <div class="sidebar">
-    <div class="learner-count">
+    <div class="user-count">
       <div>Total:</div>
-      <div>{{ getLearners.length }}</div>
+      <div>{{ getUsers.length }}</div>
     </div>
   </div>
 
@@ -36,7 +35,7 @@
     },
     vuex: {
       getters: {
-        getLearners: state => state.learners,
+        getUsers: state => state.users,
       },
       actions: {
         deleteUser: actions.deleteUser,
@@ -52,9 +51,9 @@
   .roster, .sidebar
     display: inline-block
 
-  .learner-count
+  .user-count
     border: solid, 1px, black
-  .learner-roster
+  .user-roster
     height: 300px
     overflow:hidden
     overflow-y:scroll
diff --git a/kolibri/plugins/management/assets/test/app.js b/kolibri/plugins/management/assets/test/app.js
deleted file mode 100644
index 159182e7322..00000000000
--- a/kolibri/plugins/management/assets/test/app.js
+++ /dev/null
@@ -1,232 +0,0 @@
-/* eslint-env mocha */
-// The following two rules are disabled so that we can use anonymous functions with mocha
-// This allows the test instance to be properly referenced with `this`
-/* eslint prefer-arrow-callback: "off", func-names: "off" */
-const Vue = require('vue');
-const Vuex = require('vuex');
-const assert = require('assert');
-const rewire = require('rewire');
-
-const actions = rewire('../src/vuex/actions.js');
-const { fetch } = actions;
-const { store, mutations, constants } = require('../src/vuex/store.js');
-const Management = require('../src/vue');
-const fixture1 = require('./fixtures/fixture1.js');
-
-/*
-Neat little snippet for testing actions, modified from the vuex docs.
-Asserts that the expectedMutations (an array of objects with name & payload attributes)
-occurs in the given order. At least one expected mutation must be given.
-Does not fail if *more* mutations than expected occur -- it will simply terminate
-successfully as soon as the *expected* mutations finish up.
- */
-function testAction(action, args, state, expectedMutations, done, errors) {
-  let count = 0;
-
-  return new Promise((resolve) => {
-    // mock dispatch
-    const dispatch = (name, ...payload) => {
-      const mutation = expectedMutations[count];
-      assert.equal(name, mutation.name);
-      if (payload) {
-        try {
-          assert.deepEqual(payload, mutation.payload,
-            `Mutation ${name} not given right payload.`);
-        } catch (e) {
-          errors.push(e);
-        }
-      }
-      count++;
-      if (count >= expectedMutations.length) {
-        resolve();
-      }
-    };
-    // call the action with mocked store and arguments
-    action({ dispatch, state }, ...args);
-  }).then(done);
-}
-
-describe('The management module', () => {
-  it('defines a Management vue', () => {
-    // A sanity check
-    assert(Management !== undefined);
-  });
-
-  describe('has the following components:', function () {
-    before(function () {
-      const container = new Vue({
-        template: '<div class="foo"><management v-ref:main></management></div>',
-        components: { Management },
-        store,
-      }).$mount();
-      this.vm = container.$refs.main;
-    });
-
-    after(function () {
-      this.vm.$destroy();
-    });
-
-    it('a classroom selector', function (done) {
-      Vue.nextTick(() => {
-        const child = this.vm.$refs.classroomSelector;
-        assert.notStrictEqual(child, undefined);
-        done();
-      });
-    });
-
-    it('a learner group selector', function (done) {
-      Vue.nextTick(() => {
-        const child = this.vm.$refs.learnerGroupSelector;
-        assert.notStrictEqual(child, undefined);
-        done();
-      });
-    });
-
-    it('a learner roster', function (done) {
-      Vue.nextTick(() => {
-        const child = this.vm.$refs.learnerRoster;
-        assert.notStrictEqual(child, undefined);
-        done();
-      });
-    });
-
-    describe('a "fetch" action', function () {
-      before(function () {
-        const responses = require('./fixtures/responseFixtures.js');
-        const classroomCollection = { models: responses.classroom };
-        const learnerGroupCollection = { models: responses.learnergroup };
-        const learnerCollection = { models: responses.facilityuser };
-        const memberCollection = { models: responses.membership };
-        [
-          classroomCollection,
-          learnerGroupCollection,
-          learnerCollection,
-          memberCollection,
-        ].forEach((arr) => {
-          arr.fetch = function () { // eslint-disable-line no-param-reassign
-            return new Promise(function (resolve) {
-              resolve(arr);
-            });
-          };
-        });
-        actions.__set__('classroomCollection', classroomCollection);
-        actions.__set__('learnerGroupCollection', learnerGroupCollection);
-        actions.__set__('learnerCollection', learnerCollection);
-        actions.__set__('memberCollection', memberCollection);
-        this.errors = [];
-      });
-
-      after(function () {
-        this.errors.forEach(function (e) {
-          throw e;
-        });
-      });
-
-      it('that mutates the state in a particular way', function (done) {
-        const expectedMutations = [ // The order is significant in this case
-          /* eslint-disable */
-          {
-            name: 'ADD_LEARNER_GROUPS',
-            payload: [[
-              {"id":4,"name":"Foo's group","parent":2,"learners":[1]},
-              {"id":5,"name":"Bar's group","parent":3,"learners":[3]},
-            ]],
-          },
-          {
-            name: 'ADD_CLASSROOMS',
-            payload: [[
-              {"id":2,"name":"Foo","parent":1,"learnerGroups":[4],"ungroupedLearners":[2]},
-              {"id":3,"name":"Bar","parent":1,"learnerGroups":[5],"ungroupedLearners":[]},
-            ]],
-          },
-          {
-            name: 'ADD_LEARNERS',
-            payload: [[
-              {"id":1,"username":"mike","first_name":"mike","last_name":"gallaspy","facility":1},
-              {"id":2,"username":"jessica","first_name":"Jessica","last_name":"Aceret","facility":1},
-              {"id":3,"username":"jduck","first_name":"John","last_name":"Duck","facility":1}]],
-          },
-          /* eslint-enable */
-        ];
-          // call the action with mocked store and arguments
-        testAction(fetch, [], {}, expectedMutations, done, this.errors);
-      });
-    });
-  });
-
-  describe('changes the list of students in the roster when you select a classroom.', function () {
-    beforeEach(function () {
-      const testStore = new Vuex.Store({
-        state: fixture1,
-        mutations,
-      });
-      const container = new Vue({
-        template: '<div><management v-ref:main></management></div>',
-        components: { Management },
-        store: testStore,
-      }).$mount();
-      this.vm = container.$refs.main;
-      this.store = testStore;
-    });
-
-    afterEach(function () {
-      this.vm.$destroy();
-    });
-
-    it('The roster shows only John Duck when you select "Classroom C".', function (done) {
-      // Look at the fixture file for the magic numbers here.
-      this.store.dispatch('SET_SELECTED_CLASSROOM_ID', 3);
-      Vue.nextTick(() => {
-        assert.deepStrictEqual(this.vm.$refs.learnerRoster.learners, [{
-          id: 2,
-          first_name: 'John',
-          last_name: 'Duck',
-          username: 'jduck',
-        }]);
-        done();
-      });
-    });
-
-    it('The roster shows all learners when you select "All classrooms".', function (done) {
-      this.store.dispatch('SET_SELECTED_CLASSROOM_ID', constants.ALL_CLASSROOMS_ID);
-      Vue.nextTick(() => {
-        assert.deepStrictEqual(this.vm.$refs.learnerRoster.learners, fixture1.learners);
-        done();
-      });
-    });
-
-    it('The roster shows two students when you select "Classroom A" and "Group 1".', function (done) {  // eslint-disable-line max-len
-      this.store.dispatch('SET_SELECTED_CLASSROOM_ID', 1);
-      Vue.nextTick(() => {
-        this.store.dispatch('SET_SELECTED_GROUP_ID', 1);
-        Vue.nextTick(() => {
-          const expectedIds = [1, 2];
-          assert.deepStrictEqual(this.vm.$refs.learnerRoster.learners.map(learner =>
-            learner.id
-          ), expectedIds);
-          done();
-        });
-      });
-    });
-
-    it('The roster shows no students when you select "Classroom B".', function (done) {
-      this.store.dispatch('SET_SELECTED_CLASSROOM_ID', 2);
-      Vue.nextTick(() => {
-        assert.deepStrictEqual(this.vm.$refs.learnerRoster.learners, []);
-        done();
-      });
-    });
-
-    it('The roster shows one student when you select "Classroom with ungrouped learners" and "Ungrouped".', function (done) {  // eslint-disable-line max-len
-      this.store.dispatch('SET_SELECTED_CLASSROOM_ID', 4);
-      Vue.nextTick(() => {
-        this.store.dispatch('SET_SELECTED_GROUP_ID', constants.UNGROUPED_ID);
-        Vue.nextTick(() => {
-          const expectedIds = [4];
-          assert.deepStrictEqual(this.vm.$refs.learnerRoster.learners.map(learner => learner.id), expectedIds);  // eslint-disable-line max-len
-          done();
-        });
-      });
-    });
-  });
-});
diff --git a/kolibri/plugins/management/assets/test/fixtures/fixture1.js b/kolibri/plugins/management/assets/test/fixtures/fixture1.js
deleted file mode 100644
index e6dbeeabced..00000000000
--- a/kolibri/plugins/management/assets/test/fixtures/fixture1.js
+++ /dev/null
@@ -1,76 +0,0 @@
-module.exports = {
-  learners: [
-    {
-      id: 1,
-      first_name: 'Mike',
-      last_name: 'G',
-      username: 'mike',
-    },
-    {
-      id: 2,
-      first_name: 'John',
-      last_name: 'Duck',
-      username: 'jduck',
-    },
-    {
-      id: 3,
-      first_name: 'Abe',
-      last_name: 'Lincoln',
-      username: 'abe',
-    },
-    {
-      id: 4,
-      first_name: 'Harriet',
-      last_name: 'Tubman',
-      username: 'htub',
-    },
-  ],
-  classrooms: [
-    {
-      id: 1,
-      name: 'Classroom A',
-      learnerGroups: [1, 3],
-      ungroupedLearners: [],
-      // learners: [1, 2, 3],
-    },
-    {
-      id: 2,
-      name: 'Classroom B',
-      learnerGroups: [],
-      ungroupedLearners: [],
-    },
-    {
-      id: 3,
-      name: 'Classroom C',
-      learnerGroups: [2],
-      ungroupedLearners: [],
-      // learners: [2],
-    },
-    {
-      id: 4,
-      name: 'Classroom with ungrouped learners',
-      learnerGroups: [],
-      ungroupedLearners: [4],
-      // learners: [4],
-    },
-  ],
-  learnerGroups: [
-    {
-      id: 1,
-      name: 'Group 1',
-      learners: [1, 2],
-    },
-    {
-      id: 2,
-      name: 'Group 2',
-      learners: [2],
-    },
-    {
-      id: 3,
-      name: 'Group 3',
-      learners: [3],
-    },
-  ],
-  selectedClassroomId: null, // `null` a special meaning for this app.
-  selectedGroupId: 'nogroups', // also has a special meaning for this app
-};
diff --git a/kolibri/plugins/management/assets/test/fixtures/responseFixtures.js b/kolibri/plugins/management/assets/test/fixtures/responseFixtures.js
deleted file mode 100644
index 3597ab7e16c..00000000000
--- a/kolibri/plugins/management/assets/test/fixtures/responseFixtures.js
+++ /dev/null
@@ -1,71 +0,0 @@
-/* eslint-disable */
-module.exports = {
-  classroom: [
-    {
-      "id": 2,
-      "name": "Foo",
-      "parent": 1
-    },
-    {
-      "id": 3,
-      "name": "Bar",
-      "parent": 1
-    }
-  ],
-  learnergroup: [
-    {
-      "id": 4,
-      "name": "Foo's group",
-      "parent": 2},
-    {
-      "id": 5,
-      "name": "Bar's group",
-      "parent": 3
-    }
-  ],
-  facilityuser: [
-    {
-      "id": 1,
-      "username": "mike",
-      "first_name": "mike",
-      "last_name": "gallaspy",
-      "facility": 1
-    },
-    {
-      "id": 2,
-      "username": "jessica",
-      "first_name": "Jessica",
-      "last_name": "Aceret",
-      "facility": 1
-    },
-    {
-      "id": 3,
-      "username": "jduck",
-      "first_name": "John",
-      "last_name": "Duck",
-      "facility": 1
-    }
-  ],
-  membership: [
-    {
-      "id": 1,
-      "user": 1,
-      "collection": 2
-    },
-    {
-      "id": 2,
-      "user": 1,
-      "collection": 4
-    },
-    {
-      "id": 3,
-      "user": 2,
-      "collection": 2
-    },
-    {
-      "id": 4,
-      "user": 3,
-      "collection": 5
-    }
-  ],
-};