@instructure/outcomes-ui 2.1.3 → 2.1.4

package/es/translated/en/components/OutcomeTray/index.js

@@ -137,19 +137,23 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   }, {
     key: "handleSubmit",
     value: function handleSubmit() {
+      var _this = this;
+
       var _this$props5 = this.props,
           saveOutcomePickerAlignments = _this$props5.saveOutcomePickerAlignments,
           onUpdate = _this$props5.onUpdate,
           closeOutcomePicker = _this$props5.closeOutcomePicker,
           shouldModifyArtifact = _this$props5.shouldModifyArtifact;
       return saveOutcomePickerAlignments(onUpdate, shouldModifyArtifact).then(function () {
-        return closeOutcomePicker();
+        _this.props.showAlert("Outcome alignments have been successfully updated.");
+
+        closeOutcomePicker();
       });
     }
   }, {
     key: "renderActions",
     value: function renderActions() {
-      var _this = this;
+      var _this2 = this;
 
       var closeOutcomePicker = this.props.closeOutcomePicker;
       return /*#__PURE__*/React.createElement("div", {
@@ -162,7 +166,7 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
         margin: "xxx-small",
         variant: "primary",
         onClick: function onClick() {
-          return _this.handleSubmit();
+          return _this2.handleSubmit();
         }
       }, "Confirm Alignments")));
     }
@@ -253,7 +257,8 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   displayMasteryDescription: PropTypes.bool,
   displayMasteryPercentText: PropTypes.bool,
   shouldModifyArtifact: PropTypes.bool,
-  scope: PropTypes.string.isRequired
+  scope: PropTypes.string.isRequired,
+  showAlert: PropTypes.func
 }, _class2.defaultProps = {
   screenreaderNotification: null,
   liveRegion: null,
@@ -267,6 +272,7 @@ var OutcomeTray = (_dec = themeable(theme, styles), _dec(_class = (_temp = _clas
   displayMasteryPercentText: false,
   shouldModifyArtifact: false,
   searchTotal: null,
-  listTotal: null
+  listTotal: null,
+  showAlert: function showAlert() {}
 }, _temp)) || _class);
 export { OutcomeTray as default };

package/es/translated/en/components/OutcomeTray/index.stories.js

@@ -24,7 +24,8 @@ var defaultProps = {
   getOutcomesList: function getOutcomesList() {},
   updateSearchPage: function updateSearchPage() {},
   closeOutcomePicker: function closeOutcomePicker() {},
-  resetOutcomePicker: function resetOutcomePicker() {}
+  resetOutcomePicker: function resetOutcomePicker() {},
+  showAlert: function showAlert() {}
 };
 export var paginatedNoSearch = function paginatedNoSearch() {
   return /*#__PURE__*/React.createElement(OutcomeTray, Object.assign({}, defaultProps, {

package/es/translated/en/components/Ratings/__tests__/index.test.js

@@ -0,0 +1,60 @@
+import { expect } from 'chai';
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import Ratings from "../index.js";
+import checkA11y from "../../../test/checkA11y.js";
+import { ratings } from "../../../test/mockOutcomesData.js";
+describe('Ratings', function () {
+  function makeProps() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return Object.assign({
+      ratings: ratings
+    }, props);
+  }
+
+  it('renders a table for the ratings', function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Ratings, makeProps()));
+    expect(wrapper.find('Table')).to.have.length(1);
+  });
+  it('displays the mastery points correctly', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Ratings, makeProps({
+      masteryPercent: 0.6,
+      pointsPossible: 5
+    })));
+    expect(wrapper.find('Text')).to.have.length(5);
+    var text = wrapper.find('Text').at(4);
+    expect(text.text()).to.match(/3 points/);
+  });
+  it('calculates the ratings points correctly', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Ratings, makeProps({
+      pointsPossible: 5
+    })));
+    var exceeds = wrapper.find('PresentationContent').at(1);
+    expect(exceeds.text()).to.match(/5/);
+    var meets = wrapper.find('PresentationContent').at(3);
+    expect(meets.text()).to.match(/3/);
+    var zero = wrapper.find('PresentationContent').at(5);
+    expect(zero.text()).to.match(/0/);
+  });
+  it('formats the table in one column if displayed in tray', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Ratings, makeProps({
+      isTray: true
+    })));
+    expect(wrapper.find('Table').find('th')).to.have.length(1);
+  });
+  it('dispalys the correct text for points when displayed in tray', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Ratings, makeProps({
+      pointsPossible: 5,
+      isTray: true
+    })));
+    var exceeds = wrapper.find('PresentationContent').at(1);
+    expect(exceeds.text()).to.match(/5 points/);
+    var meets = wrapper.find('PresentationContent').at(3);
+    expect(meets.text()).to.match(/3 points/);
+    var zero = wrapper.find('PresentationContent').at(5);
+    expect(zero.text()).to.match(/0 points/);
+  });
+  it('meets a11y standards', function () {
+    return checkA11y( /*#__PURE__*/React.createElement(Ratings, makeProps()));
+  });
+});

package/es/translated/en/components/Ratings/index.js

@@ -0,0 +1,128 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Flex } from '@instructure/ui-flex';
+import { Table } from '@instructure/ui-table';
+import { Text } from '@instructure/ui-text';
+import { View } from '@instructure/ui-view';
+import { ScreenReaderContent, PresentationContent } from '@instructure/ui-a11y-content';
+import { scoringTierShape } from "../../store/shapes.js";
+
+var Ratings = function Ratings(_ref) {
+  var ratings = _ref.ratings,
+      masteryPercent = _ref.masteryPercent,
+      pointsPossible = _ref.pointsPossible,
+      isTray = _ref.isTray;
+
+  // This will ensure that the points is calculated to at most 2 decimal points
+  var percentToPoints = function percentToPoints(percent) {
+    return Math.round(percent * pointsPossible * 100) / 100;
+  };
+
+  var renderRatingDescription = function renderRatingDescription(description, position) {
+    return /*#__PURE__*/React.createElement(Text, null, /*#__PURE__*/React.createElement(ScreenReaderContent, null, "Description for mastery level " + position + ": " + description), /*#__PURE__*/React.createElement(PresentationContent, null, description));
+  };
+
+  var renderRatingsPoints = function renderRatingsPoints(points, position) {
+    return /*#__PURE__*/React.createElement(View, {
+      display: isTray ? 'inline-block' : 'auto'
+    }, /*#__PURE__*/React.createElement(View, {
+      margin: isTray ? '0' : '0 0 0 small'
+    }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, "Points for mastery level " + position + ": " + points), /*#__PURE__*/React.createElement(PresentationContent, null, isTray ? points + " points" : points, !isTray && /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'none'
+      }
+    }, "points"))));
+  };
+
+  var renderDisplayMasteryPoints = function renderDisplayMasteryPoints() {
+    var masteryPoints = percentToPoints(masteryPercent);
+    return /*#__PURE__*/React.createElement(Flex, {
+      wrap: "wrap",
+      direction: isTray ? 'column' : 'row',
+      padding: isTray ? 'none small small none' : 'x-small small small none'
+    }, /*#__PURE__*/React.createElement(Flex.Item, {
+      as: "div",
+      padding: "none xx-small none none"
+    }, /*#__PURE__*/React.createElement(Text, {
+      weight: "bold"
+    }, "Mastery at:")), /*#__PURE__*/React.createElement(Flex.Item, {
+      padding: isTray ? 'small none none' : 'none'
+    }, /*#__PURE__*/React.createElement(Text, {
+      color: "primary"
+    }, masteryPoints + " points")));
+  };
+
+  return /*#__PURE__*/React.createElement(Flex, {
+    width: "100%",
+    direction: "column"
+  }, /*#__PURE__*/React.createElement(Flex, {
+    width: isTray ? '100%' : '65%',
+    padding: "x-small 0"
+  }, /*#__PURE__*/React.createElement(Table, {
+    caption: "Ratings table",
+    layout: "fixed"
+  }, /*#__PURE__*/React.createElement(Table.Head, null, /*#__PURE__*/React.createElement(Table.Row, {
+    theme: {
+      borderColor: 'white'
+    }
+  }, /*#__PURE__*/React.createElement(Table.ColHeader, {
+    id: "rating",
+    theme: {
+      padding: '0.5rem 0rem'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": "true",
+    className: "header"
+  }, "Proficiency Rating")), !isTray && /*#__PURE__*/React.createElement(Table.ColHeader, {
+    id: "points",
+    textAlign: "end",
+    theme: {
+      padding: '0.5rem 0rem'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": "true",
+    className: "header"
+  }, "Points")))), ratings === null || ratings === void 0 ? void 0 : ratings.map(function (_ref2, index) {
+    var description = _ref2.description,
+        percent = _ref2.percent;
+    return /*#__PURE__*/React.createElement(Table.Body, {
+      key: index
+    }, /*#__PURE__*/React.createElement(Table.Row, {
+      theme: {
+        borderColor: 'white'
+      }
+    }, /*#__PURE__*/React.createElement(Table.Cell, {
+      theme: {
+        padding: '0.5rem 0rem'
+      }
+    }, renderRatingDescription(description, index + 1)), !isTray && /*#__PURE__*/React.createElement(Table.Cell, {
+      textAlign: "end",
+      theme: {
+        padding: '0rem 2.25rem'
+      }
+    }, renderRatingsPoints(percentToPoints(percent), index + 1))), isTray && /*#__PURE__*/React.createElement(Table.Row, {
+      theme: {
+        borderColor: 'white',
+        padding: '0rem 0rem'
+      }
+    }, /*#__PURE__*/React.createElement(Table.Cell, {
+      theme: {
+        padding: '0.5rem 0rem'
+      }
+    }, renderRatingsPoints(percentToPoints(percent), index + 1))));
+  }))), renderDisplayMasteryPoints());
+};
+
+Ratings.propTypes = {
+  ratings: PropTypes.arrayOf(scoringTierShape).isRequired,
+  masteryPercent: PropTypes.number.isRequired,
+  pointsPossible: PropTypes.number.isRequired,
+  isTray: PropTypes.bool
+};
+Ratings.defaultProps = {
+  ratings: [],
+  masteryPercent: null,
+  pointsPossible: null,
+  isTray: false
+};
+export default Ratings;

package/es/translated/en/components/Ratings/index.stories.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { object, number, boolean } from '@storybook/addon-knobs';
+import { scoringTiersWithResults } from "../../../.storybook/constants.js";
+import Ratings from "./index.js";
+export default {
+  title: 'Ratings'
+};
+export var ratings = function ratings() {
+  return /*#__PURE__*/React.createElement(Ratings, {
+    ratings: object('Rating', scoringTiersWithResults),
+    masteryPercent: number('Mastery Percent', 0.6),
+    pointsPossible: number('Points Possible', 5),
+    isTray: boolean('Render in Outcome Tray?', false)
+  });
+};

package/es/translated/en/components/SearchResults/__tests__/index.test.js

@@ -4,6 +4,7 @@ import { shallow, mount } from 'enzyme';
 import sinon from 'sinon';
 import SearchResults from "../index.js";
 import checkA11y from "../../../test/checkA11y.js";
+import { OUTCOME_1, OUTCOME_2 } from "../../../test/mockOutcomesData.js";
 describe('SearchResults', function () {
   function makeProps() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -91,11 +92,7 @@ describe('SearchResults', function () {
     });
   });
   describe('pagination', function () {
-    var searchEntries = [{
-      id: '1'
-    }, {
-      id: '2'
-    }];
+    var searchEntries = [OUTCOME_1, OUTCOME_2];
     it('does not include pagination for 0 results', function () {
       var props = makeProps({
         searchEntries: searchEntries,

package/es/translated/en/constants.js

@@ -1,3 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _CALCULATION_METHODS;
+
 /*
  * context
  */
@@ -70,4 +74,14 @@ export var SET_INDIVIDUAL_RESULTS_STATE = 'SET_INDIVIDUAL_RESULTS_STATE';
 
 export var getFeatureFlags = function getFeatureFlags() {
   return [];
-};
+};
+/*
+ * calculation method
+ */
+
+export var HIGHEST = 'highest';
+export var LATEST = 'latest';
+export var N_MASTERY = 'n_mastery';
+export var DECAYING_AVERAGE = 'decaying_average';
+export var AVERAGE = 'average';
+export var CALCULATION_METHODS = (_CALCULATION_METHODS = {}, _defineProperty(_CALCULATION_METHODS, HIGHEST, 'Highest Score'), _defineProperty(_CALCULATION_METHODS, LATEST, 'Most Recent Score'), _defineProperty(_CALCULATION_METHODS, N_MASTERY, 'Achieve Mastery {n} times'), _defineProperty(_CALCULATION_METHODS, DECAYING_AVERAGE, 'Decaying Average - {percent}%/{complement}%'), _defineProperty(_CALCULATION_METHODS, AVERAGE, 'Average'), _CALCULATION_METHODS);

package/es/translated/en/containers/AlignmentWidget.js

@@ -0,0 +1,8 @@
+import PropTypes from 'prop-types';
+import ConnectedAlignmentWidget from "./ConnectedAlignmentWidget.js";
+import OutcomeSDKComponent from "./OutcomeSDKComponent.js";
+export default OutcomeSDKComponent(ConnectedAlignmentWidget, {
+  artifactType: PropTypes.string,
+  artifactId: PropTypes.string,
+  screenreaderNotification: PropTypes.func
+});

package/es/translated/en/containers/ConnectedAlignmentWidget.js

@@ -0,0 +1,26 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { bindActionCreators as bindScopedActionCreators } from 'multireducer';
+import { compose } from 'redux';
+import { connect } from 'react-redux';
+import * as alignmentActions from "../store/alignments/actions.js";
+import { getAlignedOutcomes } from "../store/alignments/selectors.js";
+import * as outcomePickerActions from "../store/OutcomePicker/actions.js";
+import AlignmentWidget from "../components/AlignmentWidget/index.js";
+import WithArtifact from "../components/WithArtifact.js";
+import ConnectedOutcomeTray from "./ConnectedOutcomeTray.js";
+
+var mapStateToProps = function mapStateToProps(state, ownProps) {
+  var scope = ownProps.scope;
+  return {
+    tray: ConnectedOutcomeTray,
+    alignedOutcomes: getAlignedOutcomes(state, scope)
+  };
+};
+
+var mapDispatchToProps = function mapDispatchToProps(dispatch, ownProps) {
+  var scope = ownProps.scope;
+  return _objectSpread(_objectSpread({}, bindScopedActionCreators(outcomePickerActions, dispatch, scope)), bindScopedActionCreators(alignmentActions, dispatch, scope));
+};
+
+var ConnectedAlignmentWidget = compose(connect(mapStateToProps, mapDispatchToProps), WithArtifact)(AlignmentWidget);
+export default ConnectedAlignmentWidget;

package/es/translated/en/containers/__tests__/AlignmentWidget.test.js

@@ -0,0 +1,42 @@
+import { expect } from 'chai';
+import React from 'react';
+import { mount } from 'enzyme';
+import createMockStore from "../../test/createMockStore.js";
+import AlignmentWidget from "../AlignmentWidget.js";
+describe('AlignmentWidget', function () {
+  function makeProps() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var store = createMockStore();
+    return Object.assign({
+      store: store,
+      artifactType: 'foo',
+      emptySetHeading: '',
+      artifactId: '1',
+      host: 'http://foo.outcomes.foo',
+      jwt: 'secretfoo'
+    }, props);
+  }
+
+  it('renders', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(AlignmentWidget, makeProps())));
+    expect(wrapper.find('AlignmentWidget')).to.have.length(1);
+  });
+  it('sets the scope', function () {
+    var props = makeProps();
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(AlignmentWidget, props)));
+    expect(wrapper.find('AlignmentWidget').prop('scope')).to.equal('foo:::1');
+  });
+  it('uses proper fallbacks if store is not passed in props', function () {
+    var props = makeProps({
+      store: void 0
+    });
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(AlignmentWidget, props)));
+    expect(wrapper.find('AlignmentWidget').prop('scope')).to.equal('foo:::1');
+  });
+});

package/es/translated/en/containers/__tests__/ConnectedAlignmentWidget.test.js

@@ -0,0 +1,23 @@
+import { expect } from 'chai';
+import React from 'react';
+import { Provider } from 'react-redux';
+import { mount } from 'enzyme';
+import { fromJS } from 'immutable';
+import createMockStore from "../../test/createMockStore.js";
+import ConnectedAlignmentWidget from "../ConnectedAlignmentWidget.js";
+describe('ConnectedAlignmentWidget', function () {
+  it('renders', function () {
+    var store = createMockStore(fromJS({
+      OutcomePicker: {
+        state: 'loading',
+        scope: 'scopeForTest'
+      }
+    }));
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(ConnectedAlignmentWidget, {
+      tray: /*#__PURE__*/React.createElement("div", null)
+    })));
+    expect(wrapper.find('AlignmentWidget')).to.have.length(1);
+  });
+});

package/es/translated/en/demo.js

@@ -195,7 +195,7 @@ import { Checkbox } from '@instructure/ui-checkbox';
 import { SimpleSelect } from '@instructure/ui-simple-select';
 import { Tabs } from '@instructure/ui-tabs';
 import { ApplyTheme } from '@instructure/ui-themeable';
-import { OutcomeAlignments, OutcomeCount, OutcomesPerStudentReport, OutcomeList, AlignmentButton } from "./index.js";
+import { OutcomeAlignments, OutcomeCount, OutcomesPerStudentReport, OutcomeList, AlignmentWidget } from "./index.js";
 var styles = {
   componentId: 'dCZbw',
   template: function template(theme) {
@@ -255,7 +255,7 @@ var DemoAlignment = function DemoAlignment(props) {
       displayMasteryDescription = props.displayMasteryDescription,
       displayMasteryPercentText = props.displayMasteryPercentText,
       jwt = props.jwt,
-      useAlignmentButton = props.useAlignmentButton;
+      useAlignmentWidget = props.useAlignmentWidget;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.item,
     "data-automation": "artifact"
@@ -276,7 +276,7 @@ var DemoAlignment = function DemoAlignment(props) {
     host: outcomesHost,
     jwt: jwt,
     emptyText: "No outcomes are aligned"
-  }), useAlignmentButton ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AlignmentButton, {
+  }), useAlignmentWidget ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(AlignmentWidget, {
     artifactType: artifactType,
     artifactTypeName: artifactTypeName,
     artifactId: artifactId,
@@ -416,14 +416,14 @@ function rerender() {
     jwt: createFirstGradeJwt
   }), /*#__PURE__*/React.createElement(DemoAlignment, {
     alignmentSetId: "",
-    useAlignmentButton: true,
+    useAlignmentWidget: true,
     name: "Quiz #103",
     artifactType: "quizzes.quiz",
     artifactId: "103",
     contextUuid: "dummy_uuid",
     emptySetHeading: "Align Institution outcomes to this quiz.",
     jwt: createJwt,
-    alignmentWidget: AlignmentButton
+    alignmentWidget: AlignmentWidget
   })), /*#__PURE__*/React.createElement(Tabs.Panel, {
     selected: currentTab === 'report',
     renderTitle: "Report",

package/es/translated/en/hooks/__tests__/useBoolean.test.js

@@ -0,0 +1,43 @@
+import { expect } from 'chai';
+import { renderHook, act } from '@testing-library/react-hooks/dom';
+import useBoolean from "../useBoolean.js";
+describe('useBoolean', function () {
+  it('creates custom hook with state equal to initial value if initial value is boolean', function () {
+    var _renderHook = renderHook(function () {
+      return useBoolean(false);
+    }),
+        result = _renderHook.result;
+
+    expect(result.current[0]).to.equal(false);
+  });
+  it('creates custom hook with state equal to initial value coerced to boolean if initial value is not boolean', function () {
+    var _renderHook2 = renderHook(function () {
+      return useBoolean('abc');
+    }),
+        result = _renderHook2.result;
+
+    expect(result.current[0]).to.equal(true);
+  });
+  it('changes state to true when first exported fn is called', function () {
+    var _renderHook3 = renderHook(function () {
+      return useBoolean();
+    }),
+        result = _renderHook3.result;
+
+    act(function () {
+      result.current[1]();
+    });
+    expect(result.current[0]).to.equal(true);
+  });
+  it('changes state to false when second exported fn is called', function () {
+    var _renderHook4 = renderHook(function () {
+      return useBoolean();
+    }),
+        result = _renderHook4.result;
+
+    act(function () {
+      result.current[2]();
+    });
+    expect(result.current[0]).to.equal(false);
+  });
+});

package/es/translated/en/hooks/useBoolean.js

@@ -0,0 +1,19 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useState, useCallback } from 'react';
+
+var useBoolean = function useBoolean(initialState) {
+  var _useState = useState(Boolean(initialState)),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var setTrue = useCallback(function () {
+    return setState(true);
+  }, []);
+  var setFalse = useCallback(function () {
+    return setState(false);
+  }, []);
+  return [state, setTrue, setFalse];
+};
+
+export default useBoolean;

package/es/translated/en/index.js

@@ -2,4 +2,4 @@ export { default as OutcomeAlignments } from "./containers/OutcomeAlignments.js"
 export { default as OutcomeCount } from "./containers/OutcomeCount.js";
 export { default as OutcomesPerStudentReport } from "./containers/OutcomesPerStudentReport.js";
 export { default as OutcomeList } from "./containers/OutcomeList.js";
-export { default as AlignmentButton } from "./containers/AlignmentButton.js";
+export { default as AlignmentWidget } from "./containers/AlignmentWidget.js";

package/es/translated/en/services/OutcomesService.js

@@ -234,7 +234,8 @@ var OutcomesService = /*#__PURE__*/function () {
       var artifactType = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : null;
       var params = {
         per_page: 10,
-        page: page
+        page: page,
+        includes: 'scoring_method'
       };
 
       if (contextUuid) {

package/es/translated/en/services/__tests__/OutcomesService.test.js

@@ -458,7 +458,7 @@ describe('OutcomesService', function () {
   describe('listOutcomes', function () {
     it('uses correct query', function () {
       fetchMock.getOnce(function (url, opts) {
-        var exp_url = /\/outcomes\/list\?artifact_id=103&artifact_type=quizzes\.quiz&context_uuid=def&page=999&per_page=10$/;
+        var exp_url = /\/outcomes\/list\?artifact_id=103&artifact_type=quizzes\.quiz&context_uuid=def&includes=scoring_method&page=999&per_page=10$/;
         expect(url).to.match(exp_url);
         return true;
       }, []);
@@ -477,7 +477,7 @@ describe('OutcomesService', function () {
       var headers = {
         total: 101
       };
-      var url = '/api/outcomes/list?context_uuid=def&page=999&per_page=10';
+      var url = '/api/outcomes/list?context_uuid=def&includes=scoring_method&page=999&per_page=10';
       mockGet(url, {
         body: body,
         headers: headers
@@ -490,7 +490,7 @@ describe('OutcomesService', function () {
       });
     });
     it('rejects on error', function () {
-      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&page=999&per_page=10';
+      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&includes=scoring_method&page=999&per_page=10';
       mockGet(url, 500);
       return subject.listOutcomes(host, jwt, 999, 'def', '103', 'quizzes.quiz').catch(function (err) {
         expect(err).to.have.property('status', 500);
@@ -509,7 +509,7 @@ describe('OutcomesService', function () {
       var headers = {
         total: 101
       };
-      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&page=999&per_page=10';
+      var url = '/api/outcomes/list?artifact_id=103&artifact_type=quizzes.quiz&context_uuid=def&includes=scoring_method&page=999&per_page=10';
       mockGet(url, {
         body: body,
         headers: headers

package/es/translated/en/store/shapes.js

@@ -3,7 +3,8 @@ export var scoringMethodShape = PropTypes.shape({
   algorithm: PropTypes.isRequired,
   algorithm_data: PropTypes.object,
   mastery_percent: PropTypes.number,
-  points_possible: PropTypes.number
+  points_possible: PropTypes.number,
+  scoring_tiers: PropTypes.arrayOf(scoringTierShape)
 });
 export var outcomeShape = PropTypes.shape({
   id: PropTypes.string.isRequired,
@@ -52,4 +53,11 @@ export var outcomeProficiencyShape = PropTypes.shape({
 export var contextShape = PropTypes.shape({
   outcome_calculation_method: outcomeCalculationMethodShape,
   outcome_proficiency: outcomeProficiencyShape
-});
+});
+export var nMasteryDataShape = PropTypes.shape({
+  n_mastery_count: PropTypes.number.isRequired
+});
+export var decayingAverageDataShape = PropTypes.shape({
+  decaying_average_percent: PropTypes.number.isRequired
+});
+export var algorithmDataShape = PropTypes.oneOf([nMasteryDataShape, decayingAverageDataShape]);

package/es/translated/en/test/mockOutcomesData.js

@@ -0,0 +1,62 @@
+/*
+ * This file contains mock data for outcomes. This mock data is centralized in this file and imported by several
+ * component test files.
+ */
+export var OUTCOME_1 = {
+  id: '1',
+  label: 'A1',
+  title: 'tA1',
+  description: 'dA1',
+  friendly_description: 'fdA1',
+  scoring_method: {
+    algorithm: 'highest',
+    algorithm_data: {},
+    mastery_percent: 0.6,
+    points_possible: 5,
+    scoring_tiers: ratings
+  }
+};
+export var OUTCOME_2 = {
+  id: '2',
+  label: 'B2',
+  title: 'tB2',
+  description: 'dB2',
+  friendly_description: 'fdB2',
+  scoring_method: {
+    algorithm: 'latest',
+    algorithm_data: {},
+    mastery_percent: 0.6,
+    points_possible: 5,
+    scoring_tiers: ratings
+  }
+};
+export var OUTCOME_3 = {
+  id: '3',
+  label: 'C3',
+  title: 'tC3',
+  description: 'dC3',
+  friendly_description: 'fdC3',
+  scoring_method: {
+    algorithm: 'average',
+    algorithm_data: {},
+    mastery_percent: 0.6,
+    points_possible: 5,
+    scoring_tiers: ratings
+  }
+};
+export var ratings = [{
+  id: '91',
+  description: 'Exceeds Expectations',
+  percent: 1,
+  count: 20
+}, {
+  id: '92',
+  description: 'Meets Expectations',
+  percent: 0.6,
+  count: 5
+}, {
+  id: '93',
+  description: 'Does Not Meet Expectations',
+  percent: 0,
+  count: 25
+}];