@instructure/outcomes-ui 2.1.4 → 2.1.6

package/lib/hooks/__tests__/useCSVExport.test.js

@@ -0,0 +1,288 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _chai = require("chai");
+
+var _dom = require("@testing-library/react-hooks/dom");
+
+var _sinon = _interopRequireDefault(require("sinon"));
+
+var _useCSVExport = _interopRequireWildcard(require("../useCSVExport.js"));
+
+var _constants = require("../../constants.js");
+
+var Alerts = _interopRequireWildcard(require("../../components/FlashAlert/index.js"));
+
+describe('useCSVExport', function () {
+  var clock;
+  var showFlashAlert;
+  beforeEach(function () {
+    clock = _sinon.default.useFakeTimers();
+    showFlashAlert = _sinon.default.spy(Alerts, 'showFlashAlert');
+  });
+  afterEach(function () {
+    clock.restore();
+    showFlashAlert.restore();
+  });
+
+  var makeProps = function makeProps(props) {
+    return (0, _objectSpread2.default)({
+      fetchCSVData: _sinon.default.spy(),
+      fetchingStatus: _constants.NOT_FETCHING,
+      formatCSVData: _sinon.default.spy(),
+      showProgressBar: _sinon.default.spy(),
+      hideProgressBar: _sinon.default.spy()
+    }, props);
+  };
+
+  describe('initializes', function () {
+    it('as not exporting', function () {
+      var _renderHook = (0, _dom.renderHook)(function () {
+        return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, makeProps({})));
+      }),
+          result = _renderHook.result;
+
+      (0, _chai.expect)(result.current.exportState).to.equal(_useCSVExport.NOT_EXPORTING);
+    });
+    it('formattedData as an empty array', function () {
+      var _renderHook2 = (0, _dom.renderHook)(function () {
+        return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, makeProps({})));
+      }),
+          result = _renderHook2.result;
+
+      (0, _chai.expect)(result.current.formattedData).to.be.empty;
+    });
+  });
+  describe('beginExport', function () {
+    it('when called sets the exportState to fetching_data and calls fetchCSVData if this is the first fetch', function () {
+      var props = makeProps({});
+
+      var _renderHook3 = (0, _dom.renderHook)(function () {
+        return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+      }),
+          result = _renderHook3.result;
+
+      result.current.beginExport();
+      (0, _chai.expect)(result.current.exportState).to.equal(_useCSVExport.FETCHING_DATA);
+      (0, _chai.expect)(props.fetchCSVData).to.have.been.called;
+      (0, _chai.expect)(props.formatCSVData).to.not.have.been.called;
+    });
+    it('when called sets the exportState to formatting_csv and calls formatCSVData if we have already completed a fetch', function () {
+      var formattedData = [[{
+        row1: 'row1'
+      }]];
+
+      var formatCSVDataMock = _sinon.default.stub().returns(formattedData);
+
+      var props = makeProps({
+        fetchingStatus: _constants.COMPLETED,
+        formatCSVData: formatCSVDataMock
+      });
+
+      var _renderHook4 = (0, _dom.renderHook)(function () {
+        return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+      }),
+          result = _renderHook4.result;
+
+      result.current.beginExport();
+      (0, _chai.expect)(result.current.exportState).to.equal(_useCSVExport.FORMATTING_CSV);
+      (0, _chai.expect)(props.fetchCSVData).to.not.have.been.called;
+      (0, _chai.expect)(props.formatCSVData).to.have.been.called;
+    });
+    it('calls showFlashAlert with the starting message', function () {
+      var _renderHook5 = (0, _dom.renderHook)(function () {
+        return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, makeProps({})));
+      }),
+          result = _renderHook5.result;
+
+      result.current.beginExport();
+      (0, _chai.expect)(showFlashAlert).to.have.been.calledWith(_useCSVExport.alertTypes.starting);
+    });
+    it('calls showProgressBar', function () {
+      var props = makeProps({});
+
+      var _renderHook6 = (0, _dom.renderHook)(function () {
+        return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+      }),
+          result = _renderHook6.result;
+
+      result.current.beginExport();
+      (0, _chai.expect)(props.showProgressBar).to.have.been.calledOnce;
+    });
+  });
+  it('cancelExport sets the exportState to not_exporting and calls hideProgressBar and shows the cancelled alert', function () {
+    var props = makeProps({});
+
+    var _renderHook7 = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    }),
+        result = _renderHook7.result;
+
+    result.current.beginExport();
+    result.current.cancelExport();
+    (0, _chai.expect)(result.current.exportState).to.equal(_useCSVExport.NOT_EXPORTING);
+    (0, _chai.expect)(props.hideProgressBar).to.have.been.calledOnce;
+    (0, _chai.expect)(showFlashAlert).to.have.been.calledWith(_useCSVExport.alertTypes.cancelled);
+  });
+  it('sets the exportState to not_fetching if fetchCSVData throws an error', function () {
+    var fetchCSVDataError = _sinon.default.stub().rejects();
+
+    var props = makeProps({
+      fetchCSVData: fetchCSVDataError
+    });
+    var newProps = makeProps({
+      fetchingStatus: _constants.ERROR
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      (0, _chai.expect)(hook.result.current.exportState).to.equal(_constants.NOT_FETCHING);
+    });
+  });
+  it('calls showFlashAlert with the error message', function () {
+    var fetchCSVDataError = _sinon.default.stub().rejects();
+
+    var props = makeProps({
+      fetchCSVData: fetchCSVDataError
+    });
+    var newProps = makeProps({
+      fetchingStatus: _constants.ERROR
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      (0, _chai.expect)(showFlashAlert).to.have.been.calledWith(_useCSVExport.alertTypes.error);
+    });
+  });
+  it('does not call formatCSVData if fetchingStatus is still in progress', function () {
+    var newProps = makeProps({
+      fetchingStatus: _constants.IN_PROGRESS
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, makeProps({})));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      (0, _chai.expect)(hook.result.current.exportState).to.equal(_useCSVExport.FETCHING_DATA);
+      (0, _chai.expect)(newProps.formatCSVData).to.not.have.been.called;
+    });
+  });
+  it('does not call formatCSVData if we are no longer fetching and did not complete', function () {
+    var newProps = makeProps({
+      fetchingStatus: _constants.NOT_FETCHING
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, makeProps({})));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      (0, _chai.expect)(newProps.formatCSVData).to.not.have.been.called;
+    });
+  });
+  it('does not call formatCSVData if there is no export happening', function () {
+    var props = makeProps({
+      fetchingStatus: _constants.COMPLETED
+    });
+    (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    });
+    (0, _chai.expect)(props.formatCSVData).to.not.have.been.called;
+  });
+  it('does not call formatCSVData if fetching results in an error', function () {
+    var fetchCSVDataError = _sinon.default.stub().rejects();
+
+    var props = makeProps({
+      fetchCSVData: fetchCSVDataError
+    });
+    var newProps = makeProps({
+      fetchingStatus: _constants.ERROR
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      (0, _chai.expect)(newProps.formatCSVData).to.not.have.been.called;
+    });
+  });
+  it('sets the exportState to csv_complete when the data is formatted and shows the success alert', function () {
+    var formattedData = [[{
+      row1: 'row1'
+    }]];
+
+    var formatCSVDataMock = _sinon.default.stub().returns(formattedData);
+
+    var props = makeProps({
+      formatCSVData: formatCSVDataMock
+    });
+    var newProps = makeProps({
+      fetchingStatus: _constants.COMPLETED
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      (0, _chai.expect)(hook.result.current.formattedData).to.deep.equal(formattedData);
+      (0, _chai.expect)(hook.result.current.exportState).to.equal(_useCSVExport.CSV_COMPLETE);
+      (0, _chai.expect)(showFlashAlert).to.have.been.calledWith(_useCSVExport.alertTypes.success);
+    });
+  });
+  it('hides the progress bar and sets exportState to not_exporting once we have exported', function () {
+    var formattedData = [[{
+      row1: 'row1'
+    }]];
+
+    var formatCSVDataMock = _sinon.default.stub().returns(formattedData);
+
+    var props = makeProps({
+      formatCSVData: formatCSVDataMock
+    });
+    var newProps = makeProps({
+      fetchingStatus: _constants.COMPLETED
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      clock.tick(2000);
+      (0, _chai.expect)(newProps.hideProgressBar).to.have.been.calledOnce;
+      (0, _chai.expect)(hook.result.exportState).to.equal(_useCSVExport.NOT_EXPORTING);
+    });
+  });
+  it('does not set the exportState to csv_complete if the formatted data is empty', function () {
+    var formatCSVDataMock = _sinon.default.stub().returns([]);
+
+    var props = makeProps({
+      formatCSVData: formatCSVDataMock
+    });
+    var newProps = makeProps({
+      fetchingStatus: _constants.COMPLETED
+    });
+    var hook = (0, _dom.renderHook)(function () {
+      return (0, _useCSVExport.default)((0, _objectSpread2.default)({}, props));
+    });
+    hook.result.current.beginExport();
+    hook.rerender(newProps);
+    hook.waitForNextUpdate(function () {
+      (0, _chai.expect)(hook.result.current.exportState).to.not.equal(_useCSVExport.CSV_COMPLETE);
+    });
+  });
+});

package/lib/hooks/useCSVExport.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.alertTypes = exports.CSV_COMPLETE = exports.FORMATTING_CSV = exports.FETCHING_DATA = exports.NOT_EXPORTING = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _formatMessage = _interopRequireDefault(require("format-message"));
+
+var _constants = require("../constants.js");
+
+var _index = require("../components/FlashAlert/index.js");
+
+var NOT_EXPORTING = 'not_exporting';
+exports.NOT_EXPORTING = NOT_EXPORTING;
+var FETCHING_DATA = 'fetching_data';
+exports.FETCHING_DATA = FETCHING_DATA;
+var FORMATTING_CSV = 'formatting_csv';
+exports.FORMATTING_CSV = FORMATTING_CSV;
+var CSV_COMPLETE = 'csv_complete';
+exports.CSV_COMPLETE = CSV_COMPLETE;
+var alertTypes = {
+  starting: {
+    message: (0, _formatMessage.default)('CSV export has started. This may take a few minutes.'),
+    type: 'success',
+    timeout: 5000
+  },
+  cancelled: {
+    message: (0, _formatMessage.default)('Your CSV export has been cancelled'),
+    type: 'info',
+    timeout: 5000
+  },
+  success: {
+    message: (0, _formatMessage.default)('CSV export has completed'),
+    type: 'success',
+    timeout: 5000
+  },
+  error: {
+    message: (0, _formatMessage.default)('There was an error in fetching the data. Please try again.'),
+    type: 'error',
+    timeout: 5000
+  }
+};
+exports.alertTypes = alertTypes;
+
+var useCSVExport = function useCSVExport(_ref) {
+  var fetchCSVData = _ref.fetchCSVData,
+      fetchingStatus = _ref.fetchingStatus,
+      formatCSVData = _ref.formatCSVData,
+      showProgressBar = _ref.showProgressBar,
+      hideProgressBar = _ref.hideProgressBar;
+
+  var _useState = (0, _react.useState)(NOT_EXPORTING),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      exportState = _useState2[0],
+      setExportState = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      formattedData = _useState4[0],
+      setFormattedData = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      progressValue = _useState6[0],
+      setProgressValue = _useState6[1];
+
+  var incrementProgressValue = function incrementProgressValue() {
+    return setProgressValue(function (prevValue) {
+      return prevValue + 1;
+    });
+  };
+
+  (0, _react.useEffect)(function () {
+    if (exportState === FETCHING_DATA && fetchingStatus === _constants.COMPLETED) {
+      formatData();
+    } else if (exportState === FETCHING_DATA && fetchingStatus === _constants.ERROR) {
+      hideProgressBar();
+      (0, _index.showFlashAlert)(alertTypes.error);
+      setExportState(NOT_EXPORTING);
+    }
+  }, [fetchingStatus]);
+  (0, _react.useEffect)(function () {
+    if ((exportState === FETCHING_DATA || exportState === FORMATTING_CSV) && progressValue < 90) {
+      setTimeout(function () {
+        incrementProgressValue();
+      }, 1);
+    } else if (exportState === FORMATTING_CSV && formattedData.length > 0) {
+      setProgressValue(100);
+      (0, _index.showFlashAlert)(alertTypes.success);
+      setExportState(CSV_COMPLETE);
+      setTimeout(function () {
+        hideProgressBar();
+        setExportState(NOT_EXPORTING);
+      }, 2000);
+    }
+  }, [exportState, formattedData, progressValue]);
+
+  var beginExport = function beginExport() {
+    showProgressBar();
+    (0, _index.showFlashAlert)(alertTypes.starting);
+
+    if (fetchingStatus === _constants.COMPLETED) {
+      formatData();
+    } else {
+      fetchData();
+    }
+  };
+
+  var cancelExport = function cancelExport() {
+    (0, _index.showFlashAlert)(alertTypes.cancelled);
+    setExportState(NOT_EXPORTING);
+    hideProgressBar();
+  };
+
+  var fetchData = function fetchData() {
+    setExportState(FETCHING_DATA);
+    fetchCSVData();
+  };
+
+  var formatData = function formatData() {
+    setExportState(FORMATTING_CSV);
+    setFormattedData(formatCSVData());
+  };
+
+  return {
+    beginExport: beginExport,
+    cancelExport: cancelExport,
+    exportState: exportState,
+    progressValue: progressValue,
+    formattedData: formattedData
+  };
+};
+
+useCSVExport.PropTypes = {
+  fetchCSVData: _propTypes.default.func.isRequired,
+  fetchingStatus: _propTypes.default.string.isRequired,
+  formatCSVData: _propTypes.default.func.isRequired,
+  showProgressBar: _propTypes.default.func.isRequired,
+  hideProgressBar: _propTypes.default.func.isRequired
+};
+var _default = useCSVExport;
+exports.default = _default;

package/lib/services/OutcomesService.js

@@ -132,7 +132,8 @@ var OutcomesService = /*#__PURE__*/function () {
     value: function getArtifact(host, jwt, artifactType, artifactId) {
       var params = {
         artifact_type: artifactType,
-        artifact_id: artifactId
+        artifact_id: artifactId,
+        includes: 'friendly_description'
       };
       return this.get(host, jwt, "/api/artifact?".concat(_queryString.default.stringify(params))).then(checkResponse).then(toJson).then(function (json) {
         return json.alignment_set || json;
@@ -249,7 +250,7 @@ var OutcomesService = /*#__PURE__*/function () {
       var params = {
         per_page: 10,
         page: page,
-        includes: 'scoring_method'
+        includes: ['scoring_method', 'friendly_description']
       };
 
       if (contextUuid) {
@@ -265,7 +266,9 @@ var OutcomesService = /*#__PURE__*/function () {
       }
 
       var total = 0;
-      return this.get(host, jwt, "/api/outcomes/list?".concat(_queryString.default.stringify(params))).then(checkResponse).then(function (response) {
+      return this.get(host, jwt, "/api/outcomes/list?".concat(_queryString.default.stringify(params, {
+        arrayFormat: 'bracket'
+      }))).then(checkResponse).then(function (response) {
         total = getTotal(response);
         return response;
       }).then(toJson).then(function (json) {
@@ -281,7 +284,8 @@ var OutcomesService = /*#__PURE__*/function () {
       var contextUuid = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : '';
       var params = {
         text: text,
-        page: page
+        page: page,
+        includes: ['scoring_method', 'friendly_description']
       };
 
       if (contextUuid) {
@@ -289,7 +293,9 @@ var OutcomesService = /*#__PURE__*/function () {
       }
 
       var total = 0;
-      return this.get(host, jwt, "/api/outcomes/search?".concat(_queryString.default.stringify(params))).then(checkResponse).then(function (response) {
+      return this.get(host, jwt, "/api/outcomes/search?".concat(_queryString.default.stringify(params, {
+        arrayFormat: 'bracket'
+      }))).then(checkResponse).then(function (response) {
         total = getTotal(response);
         return response;
       }).then(toJson).then(function (json) {

package/lib/services/__tests__/OutcomesService.test.js

@@ -164,20 +164,20 @@ describe('OutcomesService', function () {
     };
     it('uses correct query', function () {
       _fetchMock.default.getOnce(function (url, opts) {
-        (0, _chai.expect)(url).to.match(/\/artifact\?artifact_id=1&artifact_type=quizzes.quiz$/);
+        (0, _chai.expect)(url).to.match(/\/artifact\?artifact_id=1&artifact_type=quizzes.quiz&includes=friendly_description$/);
         return true;
       }, []);
 
       return subject.getArtifact(host, jwt, artifact.artifact_type, artifact.artifact_id);
     });
     it('resolves with json on success', function () {
-      mockGet('/api/artifact?artifact_id=1&artifact_type=quizzes.quiz', artifact);
+      mockGet('/api/artifact?artifact_id=1&artifact_type=quizzes.quiz&includes=friendly_description', artifact);
       return subject.getArtifact(host, jwt, artifact.artifact_type, artifact.artifact_id).then(function (result) {
         (0, _chai.expect)(result).to.deep.equal(artifact.alignment_set);
       });
     });
     it('rejects on error', function () {
-      mockGet('/api/artifact?artifact_id=1&artifact_type=quizzes.quiz', 500);
+      mockGet('/api/artifact?artifact_id=1&artifact_type=quizzes.quiz&includes=friendly_description', 500);
       return subject.getArtifact(host, jwt, artifact.artifact_type, artifact.artifact_id).catch(function (err) {
         (0, _chai.expect)(err).to.have.property('status', 500);
       });
@@ -452,7 +452,7 @@ describe('OutcomesService', function () {
   describe('getSearchResults', function () {
     it('uses correct query', function () {
       _fetchMock.default.getOnce(function (url, opts) {
-        (0, _chai.expect)(url).to.match(/\/outcomes\/search\?context_uuid=def&page=999&text=abc$/);
+        (0, _chai.expect)(url).to.match(/\/outcomes\/search\?context_uuid=def&includes\[\]=scoring_method&includes\[\]=friendly_description&page=999&text=abc$/);
         return true;
       }, []);
 
@@ -476,7 +476,7 @@ describe('OutcomesService', function () {
       var headers = {
         total: 101
       };
-      mockGet('/api/outcomes/search?context_uuid=def&page=999&text=abc', {
+      mockGet('/api/outcomes/search?context_uuid=def&includes[]=scoring_method&includes[]=friendly_description&page=999&text=abc', {
         body: body,
         headers: headers
       });
@@ -487,7 +487,7 @@ describe('OutcomesService', function () {
       });
     });
     it('rejects on error', function () {
-      mockGet('/api/outcomes/search?context_uuid=def&page=999&text=abc', 500);
+      mockGet('/api/outcomes/search?context_uuid=def&includes[]=scoring_method&includes[]=friendly_description&page=999&text=abc', 500);
       return subject.getSearchResults(host, jwt, 'abc', 999, 'def').catch(function (err) {
         (0, _chai.expect)(err).to.have.property('status', 500);
       });
@@ -496,7 +496,7 @@ describe('OutcomesService', function () {
   describe('listOutcomes', function () {
     it('uses correct query', function () {
       _fetchMock.default.getOnce(function (url, opts) {
-        var exp_url = /\/outcomes\/list\?artifact_id=103&artifact_type=quizzes\.quiz&context_uuid=def&includes=scoring_method&page=999&per_page=10$/;
+        var exp_url = /\/outcomes\/list\?artifact_id=103&artifact_type=quizzes\.quiz&context_uuid=def&includes\[\]=scoring_method&includes\[\]=friendly_description&page=999&per_page=10$/;
         (0, _chai.expect)(url).to.match(exp_url);
         return true;
       }, []);
@@ -516,7 +516,7 @@ describe('OutcomesService', function () {
       var headers = {
         total: 101
       };
-      var url = '/api/outcomes/list?context_uuid=def&includes=scoring_method&page=999&per_page=10';
+      var url = '/api/outcomes/list?context_uuid=def&includes[]=scoring_method&includes[]=friendly_description&page=999&per_page=10';
       mockGet(url, {
         body: body,
         headers: headers
@@ -529,7 +529,7 @@ describe('OutcomesService', function () {
       });
     });
     it('rejects on error', function () {
-      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&includes=scoring_method&page=999&per_page=10';
+      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&includes[]=scoring_method&includes[]=friendly_description&page=999&per_page=10';
       mockGet(url, 500);
       return subject.listOutcomes(host, jwt, 999, 'def', '103', 'quizzes.quiz').catch(function (err) {
         (0, _chai.expect)(err).to.have.property('status', 500);
@@ -548,7 +548,7 @@ describe('OutcomesService', function () {
       var headers = {
         total: 101
       };
-      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&includes=scoring_method&page=999&per_page=10';
+      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&includes[]=scoring_method&includes[]=friendly_description&page=999&per_page=10';
       mockGet(url, {
         body: body,
         headers: headers