@instructure/outcomes-ui 3.1.0 → 3.2.1

package/es/store/alignments/reducers.js

@@ -17,6 +17,11 @@ var alignedOutcomes = handleActions({
     return state.set(idx, Map(outcome));
   }
 }, List());
+var launchContexts = handleActions({
+  SET_LAUNCH_CONTEXTS: function SET_LAUNCH_CONTEXTS(state, action) {
+    return fromJS(action.payload);
+  }
+}, null);
 var openAlignmentId = handleActions({
   VIEW_ALIGNMENT: function VIEW_ALIGNMENT(state, action) {
     return action.payload;
@@ -32,6 +37,7 @@ var alignmentSetId = handleActions({
 }, null);
 export default combineReducers({
   alignedOutcomes: alignedOutcomes,
+  launchContexts: launchContexts,
   openAlignmentId: openAlignmentId,
   alignmentSetId: alignmentSetId
 });

package/es/store/alignments/selectors.js

@@ -3,7 +3,6 @@ import { Map, List } from 'immutable';
 import { createSelector } from 'reselect';
 import createCachedSelector from 're-reselect';
 import { getOutcome } from "../context/selectors.js";
-import { getSharedContexts } from "../OutcomePicker/selectors.js";
 var restrict = function restrict(state, scope) {
   return state.getIn([scope, 'alignments']) || Map();
 };
@@ -13,12 +12,44 @@ var alignedOutcomes = function alignedOutcomes(state, scope) {
 var openAlignmentId = function openAlignmentId(state, scope) {
   return restrict(state, scope).get('openAlignmentId');
 };
+
+/**
+ * LaunchContexts will be a list of at most 2 elements. It is only populated when we are aligning
+ * outcomes to items in banks. The first element will always represent the root account context.
+ * The second will be the context that the current user is in (root account, sub-account, or course).
+ */
+export var getLaunchContexts = createSelector(function (state, scope) {
+  return restrict(state, scope).get('launchContexts');
+}, function (launchContexts) {
+  return (launchContexts === null || launchContexts === void 0 ? void 0 : launchContexts.toJS()) || null;
+});
+
+/**
+ * This returns the last element in the list of launch contexts. This will be equivalent to the
+ * context that the current user is in (root account, sub-account, or course).
+ */
+export function getLaunchContextUuid(state, scope) {
+  var _launchContexts$slice;
+  var launchContexts = getLaunchContexts(state, scope);
+  return (launchContexts === null || launchContexts === void 0 ? void 0 : (_launchContexts$slice = launchContexts.slice(-1)[0]) === null || _launchContexts$slice === void 0 ? void 0 : _launchContexts$slice.uuid) || null;
+}
+
+/**
+ * This returns the first element in the list of launch contexts. This will be equivalent to the
+ * root account context.
+ */
+export function getRootAccountContextUuid(state, scope) {
+  var _launchContexts$slice2;
+  var launchContexts = getLaunchContexts(state, scope);
+  return (launchContexts === null || launchContexts === void 0 ? void 0 : (_launchContexts$slice2 = launchContexts.slice(0)[0]) === null || _launchContexts$slice2 === void 0 ? void 0 : _launchContexts$slice2.uuid) || null;
+}
+export function isLaunchingFromRootAccount(state, scope) {
+  var rootAccountContextUuid = getRootAccountContextUuid(state, scope);
+  var launchContextUuid = getLaunchContextUuid(state, scope);
+  return rootAccountContextUuid && rootAccountContextUuid === launchContextUuid;
+}
 export var getAlignedOutcomes = createCachedSelector(alignedOutcomes, function (alignedOutcomes) {
-  return alignedOutcomes.toJS().sort(function (a, b) {
-    var titleA = a && a.title || 'ZZZZZZZZZZZZ'; // treat null as really large
-    var titleB = b && b.title || 'ZZZZZZZZZZZZ'; // treat null as really large
-    return titleA.localeCompare(titleB);
-  });
+  return alignedOutcomes.toJS();
 })(function (_state, scope) {
   return scope;
 });
@@ -41,14 +72,14 @@ export var getAlignedOutcome = createSelector(function (state, scope, id) {
   return outcome;
 });
 function getOutcomeFromAnyContext(state, scope, id) {
-  var sharedContexts = getSharedContexts(state, scope);
-  if (sharedContexts) {
-    var _iterator = _createForOfIteratorHelper(sharedContexts),
+  var launchContexts = getLaunchContexts(state, scope);
+  if (launchContexts) {
+    var _iterator = _createForOfIteratorHelper(launchContexts),
       _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var sharedContext = _step.value;
-        var uuid = sharedContext.uuid;
+        var launchContext = _step.value;
+        var uuid = launchContext.uuid;
         var o = state.getIn(['context', 'outcomes', uuid, id.toString()]);
         if (o) {
           return o.toJS();

package/es/store/context/__tests__/actions.test.js

@@ -37,12 +37,12 @@ var stateWithOutcomes = fromJS({
     }
   }
 });
-var stateWithSelectedSharedContext = stateWithOutcomes.merge({
+var stateWithSelectedLaunchContext = stateWithOutcomes.merge({
   scopeForTest: {
     OutcomePicker: {
-      selectedSharedContext: {
-        uuid: 'selectedSharedContext',
-        name: 'selectedSharedContext'
+      selectedLaunchContext: {
+        uuid: 'selectedLaunchContext',
+        name: 'selectedLaunchContext'
       }
     }
   }
@@ -101,14 +101,14 @@ describe('context/actions', function () {
         return null;
       });
     });
-    it('calls outcome service to load outcomes with selected shared context', function () {
+    it('calls outcome service to load outcomes with selected launch context', function () {
       var service = {
         loadOutcomes: sinon.stub().returns(Promise.resolve(response))
       };
-      var store = createMockStore(stateWithSelectedSharedContext, service);
+      var store = createMockStore(stateWithSelectedLaunchContext, service);
       return store.dispatch(actions.loadRootOutcomes()).then(function () {
         expect(service.loadOutcomes.calledOnce).to.be.true;
-        expect(service.loadOutcomes.getCall(0).args).to.include('selectedSharedContext');
+        expect(service.loadOutcomes.getCall(0).args).to.include('selectedLaunchContext');
         return null;
       });
     });
@@ -125,14 +125,14 @@ describe('context/actions', function () {
         return null;
       });
     });
-    it('dispatches setOutcomes on outcome service success with selected shared context', function () {
+    it('dispatches setOutcomes on outcome service success with selected launch context', function () {
       var service = {
         loadOutcomes: sinon.stub().returns(Promise.resolve(response))
       };
-      var store = createMockStore(stateWithSelectedSharedContext, service);
+      var store = createMockStore(stateWithSelectedLaunchContext, service);
       return store.dispatch(actions.loadRootOutcomes()).then(function () {
         expect(store.getActions()).to.deep.include(scopedActions.setOutcomes({
-          selectedSharedContext: response.outcomes
+          selectedLaunchContext: response.outcomes
         }));
         expect(store.getActions()[0].payload.root).to.be.present;
         return null;
@@ -205,14 +205,14 @@ describe('context/actions', function () {
         return null;
       });
     });
-    it('calls loadOutcomes for unloaded children when shared context is selected', function () {
+    it('calls loadOutcomes for unloaded children when launch context is selected', function () {
       var service = {
         loadOutcomes: sinon.stub().returns(Promise.resolve(response))
       };
-      var store = createMockStore(stateWithSelectedSharedContext, service);
+      var store = createMockStore(stateWithSelectedLaunchContext, service);
       return store.dispatch(actions.loadMoreOutcomes('1')).then(function () {
         expect(service.loadOutcomes.calledOnce).to.be.true;
-        expect(service.loadOutcomes.args[0][contextUuidIndex]).to.deep.equal('selectedSharedContext');
+        expect(service.loadOutcomes.args[0][contextUuidIndex]).to.deep.equal('selectedLaunchContext');
         expect(service.loadOutcomes.args[0][outcomeIdsIndex]).to.deep.equal(['1']);
         return null;
       });
@@ -229,14 +229,14 @@ describe('context/actions', function () {
         return null;
       });
     });
-    it('adds its outcomes to the state under the selected shared context', function () {
+    it('adds its outcomes to the state under the selected launch context', function () {
       var service = {
         loadOutcomes: sinon.stub().returns(Promise.resolve(response))
       };
-      var store = createMockStore(stateWithSelectedSharedContext, service);
+      var store = createMockStore(stateWithSelectedLaunchContext, service);
       return store.dispatch(actions.loadMoreOutcomes('1')).then(function () {
         expect(store.getActions()).to.deep.include(scopedActions.setOutcomes({
-          selectedSharedContext: response.outcomes
+          selectedLaunchContext: response.outcomes
         }));
         return null;
       });

package/es/store/context/__tests__/selectors.test.js

@@ -36,7 +36,7 @@ describe('context/selectors', function () {
             title: 't4'
           }
         },
-        selectedSharedContext: {
+        selectedLaunchContext: {
           5: {
             id: 5,
             label: 'l5',
@@ -57,12 +57,12 @@ describe('context/selectors', function () {
       }
     }
   });
-  var stateWithSelectedSharedContext = state.merge({
+  var stateWithSelectedLaunchContext = state.merge({
     scopeForTest: {
       OutcomePicker: {
-        selectedSharedContext: {
-          uuid: 'selectedSharedContext',
-          name: 'selectedSharedContext'
+        selectedLaunchContext: {
+          uuid: 'selectedLaunchContext',
+          name: 'selectedLaunchContext'
         }
       }
     }
@@ -116,11 +116,11 @@ describe('context/selectors', function () {
     it('returns null if not present', function () {
       expect(getOutcome(state, scope, '10')).to.be.null;
     });
-    it('returns null if not present in the selected shared context', function () {
-      expect(getOutcome(stateWithSelectedSharedContext, scope, '3')).to.be.null;
+    it('returns null if not present in the selected launch context', function () {
+      expect(getOutcome(stateWithSelectedLaunchContext, scope, '3')).to.be.null;
     });
-    it('retrieves the correct value from the selected shared context', function () {
-      expect(getOutcome(stateWithSelectedSharedContext, scope, '5')).to.have.property('id', 5);
+    it('retrieves the correct value from the selected launch context', function () {
+      expect(getOutcome(stateWithSelectedLaunchContext, scope, '5')).to.have.property('id', 5);
     });
   });
   describe('getRootOutcomeIds', function () {

package/es/store/context/actions.js

@@ -5,7 +5,7 @@ import t from 'format-message';
 import { SET_ERROR, SET_OUTCOMES, SET_ROOT_OUTCOME_IDS, SET_CONTEXT, SET_SCORING_METHOD } from "../../constants.js";
 import { hasRootOutcomes, getChildrenToLoad, getContext } from "./selectors.js";
 import { getConfig } from "../config/selectors.js";
-import { getSelectedSharedContext } from "../OutcomePicker/selectors.js";
+import { getSelectedLaunchContext } from "../OutcomePicker/selectors.js";
 export var setContext = createAction(SET_CONTEXT);
 export var setOutcomes = createAction(SET_OUTCOMES);
 export var setRootOutcomeIds = createAction(SET_ROOT_OUTCOME_IDS);
@@ -40,8 +40,8 @@ export var loadRootOutcomes = function loadRootOutcomes() {
   return function (dispatch, getState, _arg, scope) {
     var _getConfig = getConfig(getState(), scope),
       contextUuid = _getConfig.contextUuid;
-    var selectSharedContext = getSelectedSharedContext(getState(), scope);
-    var context = (selectSharedContext === null || selectSharedContext === void 0 ? void 0 : selectSharedContext.uuid) || contextUuid;
+    var selectLaunchContext = getSelectedLaunchContext(getState(), scope);
+    var context = (selectLaunchContext === null || selectLaunchContext === void 0 ? void 0 : selectLaunchContext.uuid) || contextUuid;
     if (hasRootOutcomes(getState(), scope)) {
       return Promise.resolve();
     }
@@ -68,8 +68,8 @@ export var loadMoreOutcomes = function loadMoreOutcomes(id) {
   return function (dispatch, getState, _arg, scope) {
     var _getConfig2 = getConfig(getState(), scope),
       contextUuid = _getConfig2.contextUuid;
-    var selectSharedContext = getSelectedSharedContext(getState(), scope);
-    var context = (selectSharedContext === null || selectSharedContext === void 0 ? void 0 : selectSharedContext.uuid) || contextUuid;
+    var selectLaunchContext = getSelectedLaunchContext(getState(), scope);
+    var context = (selectLaunchContext === null || selectLaunchContext === void 0 ? void 0 : selectLaunchContext.uuid) || contextUuid;
     var idsToLoad = getChildrenToLoad(getState(), scope, id);
     if (idsToLoad.length === 0) {
       return Promise.resolve();
@@ -88,8 +88,8 @@ var loadOutcomes = function loadOutcomes(ids) {
       host = _getConfig3.host,
       jwt = _getConfig3.jwt,
       contextUuid = _getConfig3.contextUuid;
-    var selectSharedContext = getSelectedSharedContext(getState(), scope);
-    var context = (selectSharedContext === null || selectSharedContext === void 0 ? void 0 : selectSharedContext.uuid) || contextUuid;
+    var selectLaunchContext = getSelectedLaunchContext(getState(), scope);
+    var context = (selectLaunchContext === null || selectLaunchContext === void 0 ? void 0 : selectLaunchContext.uuid) || contextUuid;
     return dispatch({
       type: CALL_SERVICE,
       payload: {

package/es/store/context/selectors.js

@@ -4,7 +4,7 @@ import { Map } from 'immutable';
 import { createSelector } from 'reselect';
 import createCachedSelector, { LruObjectCache } from 're-reselect';
 import { getConfig } from "../config/selectors.js";
-import { getSelectedSharedContext } from "../OutcomePicker/selectors.js";
+import { getSelectedLaunchContext } from "../OutcomePicker/selectors.js";
 function restrict(state, contextUuid) {
   return state.getIn(['context', contextUuid]) || Map();
 }
@@ -16,8 +16,8 @@ export var isGroup = function isGroup(outcome) {
 };
 var getContextOutcomes = createSelector(function (state, scope) {
   var uuid = getContextUuid(state, scope);
-  var selectSharedContext = getSelectedSharedContext(state, scope);
-  var context = selectSharedContext ? selectSharedContext.uuid : uuid;
+  var selectLaunchContext = getSelectedLaunchContext(state, scope);
+  var context = selectLaunchContext ? selectLaunchContext.uuid : uuid;
   return restrict(state, 'outcomes').get(context);
 }, function (contextOutcomes) {
   return contextOutcomes ? contextOutcomes.toJS() : {};
@@ -28,8 +28,8 @@ export var hasContextOutcomes = function hasContextOutcomes(state, scope) {
 };
 export var getOutcome = createCachedSelector(function (state, scope, id) {
   var uuid = getContextUuid(state, scope);
-  var selectSharedContext = getSelectedSharedContext(state, scope);
-  var context = (selectSharedContext === null || selectSharedContext === void 0 ? void 0 : selectSharedContext.uuid) || uuid;
+  var selectLaunchContext = getSelectedLaunchContext(state, scope);
+  var context = (selectLaunchContext === null || selectLaunchContext === void 0 ? void 0 : selectLaunchContext.uuid) || uuid;
   return restrict(state, 'outcomes').getIn([context, id.toString()]);
 }, function (outcome) {
   return outcome ? outcome.toJS() : null;
@@ -48,8 +48,8 @@ export function isOutcomeGroup(state, scope, id) {
 export var getRootOutcomeIds = createSelector(function (state, scope) {
   // uuid is the context in which we are viewing outcomes
   var uuid = getContextUuid(state, scope);
-  var selectSharedContext = getSelectedSharedContext(state, scope);
-  var context = (selectSharedContext === null || selectSharedContext === void 0 ? void 0 : selectSharedContext.uuid) || uuid;
+  var selectLaunchContext = getSelectedLaunchContext(state, scope);
+  var context = (selectLaunchContext === null || selectLaunchContext === void 0 ? void 0 : selectLaunchContext.uuid) || uuid;
   return restrict(state, 'rootOutcomeIds').get(context);
 }, function (ids) {
   return ids ? ids.toJS() : [];

package/es/store/search/__tests__/actions.test.js

@@ -11,14 +11,14 @@ var scopedActions = scopeActions(_objectSpread(_objectSpread({}, actions), {}, {
 }));
 describe('search/actions', function () {
   var contextUuid = 'course_100';
-  var selectedSharedContext = {
+  var selectedLaunchContext = {
     uuid: 'dummy_uuid',
     name: 'Dummy UUID'
   };
-  var sharedContexts = [{
+  var launchContexts = [{
     uuid: contextUuid,
     name: contextUuid
-  }, selectedSharedContext];
+  }, selectedLaunchContext];
   var state = fromJS({
     scopeForTest: {
       config: {
@@ -65,12 +65,14 @@ describe('search/actions', function () {
         expect(service.getSearchResults.getCall(0).args).to.include(1); // page
         expect(service.getSearchResults.getCall(0).args).to.include(contextUuid); // context
       });
-      it('handles shared context selector', function () {
+      it('handles launch context selector', function () {
         var newState = state.merge({
           scopeForTest: {
+            alignments: {
+              launchContexts: launchContexts
+            },
             OutcomePicker: {
-              sharedContexts: sharedContexts,
-              selectedSharedContext: selectedSharedContext
+              selectedLaunchContext: selectedLaunchContext
             }
           }
         });
@@ -86,7 +88,7 @@ describe('search/actions', function () {
         expect(service.getSearchResults).to.have.been.called;
         expect(service.getSearchResults.getCall(0).args).to.include('def'); // text
         expect(service.getSearchResults.getCall(0).args).to.include(1); // page
-        expect(service.getSearchResults.getCall(0).args).to.include(selectedSharedContext.uuid); // context
+        expect(service.getSearchResults.getCall(0).args).to.include(selectedLaunchContext.uuid); // context
       });
     });
     describe('updateSearchPage', function () {

package/es/store/search/actions.js

@@ -6,7 +6,7 @@ import { getSearchText, getSearchPage } from "./selectors.js";
 import { SET_SEARCH_TEXT, SET_SEARCH_LOADING, SET_SEARCH_ENTRIES, SET_SEARCH_PAGE, SET_SEARCH_TOTAL } from "../../constants.js";
 import { setOutcomes } from "../context/actions.js";
 import debounceLatestPromise from "../../util/debouceLatestPromise.js";
-import { getSelectedSharedContext } from "../OutcomePicker/selectors.js";
+import { getSelectedLaunchContext } from "../OutcomePicker/selectors.js";
 export var setSearchText = createAction(SET_SEARCH_TEXT);
 export var setSearchLoading = createAction(SET_SEARCH_LOADING);
 export var setSearchEntries = createAction(SET_SEARCH_ENTRIES);
@@ -36,8 +36,8 @@ export var searchOutcomes = function searchOutcomes(_ref) {
       host = _getConfig.host,
       jwt = _getConfig.jwt,
       contextUuid = _getConfig.contextUuid;
-    var selectSharedContext = getSelectedSharedContext(getState(), scope);
-    var context = (selectSharedContext === null || selectSharedContext === void 0 ? void 0 : selectSharedContext.uuid) || contextUuid;
+    var selectLaunchContext = getSelectedLaunchContext(getState(), scope);
+    var context = (selectLaunchContext === null || selectLaunchContext === void 0 ? void 0 : selectLaunchContext.uuid) || contextUuid;
     return dispatch({
       type: CALL_SERVICE,
       payload: {

package/es/store/shapes.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 export var scoringMethodShape = PropTypes.shape({
-  algorithm: PropTypes.isRequired,
+  algorithm: PropTypes.string.isRequired,
   algorithm_data: PropTypes.object,
   mastery_percent: PropTypes.number,
   points_possible: PropTypes.number,
@@ -60,10 +60,13 @@ export var nMasteryDataShape = PropTypes.shape({
 export var decayingAverageDataShape = PropTypes.shape({
   decaying_average_percent: PropTypes.number.isRequired
 });
-export var algorithmDataShape = PropTypes.oneOf([nMasteryDataShape, decayingAverageDataShape]);
+export var standardDecayingAverageDataShape = PropTypes.shape({
+  standard_decaying_average_percent: PropTypes.number.isRequired
+});
+export var algorithmDataShape = PropTypes.oneOfType([nMasteryDataShape, decayingAverageDataShape, standardDecayingAverageDataShape]);
 export var stylesShape = PropTypes.object;
-export var selectedSharedContextShape = PropTypes.shape({
+export var selectedLaunchContextShape = PropTypes.shape({
   uuid: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired
 });
-export var sharedContextsShape = PropTypes.arrayOf(selectedSharedContextShape);
+export var launchContextsShape = PropTypes.arrayOf(selectedLaunchContextShape);

package/es/test/mockOutcomesData.js

@@ -11,7 +11,7 @@ export var OUTCOME_1 = {
   friendly_description: 'fdA1',
   scoring_method: {
     algorithm: 'highest',
-    algorithm_data: {},
+    algorithm_data: null,
     mastery_percent: 0.6,
     points_possible: 5,
     scoring_tiers: ratings
@@ -25,7 +25,7 @@ export var OUTCOME_2 = {
   friendly_description: 'fdB2',
   scoring_method: {
     algorithm: 'latest',
-    algorithm_data: {},
+    algorithm_data: null,
     mastery_percent: 0.6,
     points_possible: 5,
     scoring_tiers: ratings
@@ -39,7 +39,7 @@ export var OUTCOME_3 = {
   friendly_description: 'fdC3',
   scoring_method: {
     algorithm: 'average',
-    algorithm_data: {},
+    algorithm_data: null,
     mastery_percent: 0.6,
     points_possible: 5,
     scoring_tiers: ratings

package/es/translated/ar/components/Alignment/__tests__/index.test.js

@@ -4,8 +4,11 @@ import sinon from 'sinon';
 import { mount, shallow } from 'enzyme';
 import { IconOutcomesLine, IconTrashLine } from '@instructure/ui-icons';
 import { Link } from '@instructure/ui-link';
+import { Text } from '@instructure/ui-text';
 import Alignment from "../index.js";
 import checkA11y from "../../../test/checkA11y.js";
+import { Pill } from '@instructure/ui-pill';
+import { Tooltip } from '@instructure/ui-tooltip';
 describe('Alignment', function () {
   function makeProps() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
@@ -19,29 +22,131 @@ describe('Alignment', function () {
       viewAlignment: sinon.spy(),
       removeAlignment: sinon.spy(),
       isOpen: false,
-      readOnly: false
+      readOnly: false,
+      scope: 'artifactType:artifactId',
+      index: 0
     }, props);
   }
-  it('includes an icon', function () {
-    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, makeProps()), {
+  it('shows source context name', function () {
+    var props = makeProps({
+      outcome: {
+        id: '1',
+        label: 'FOO',
+        title: 'User can foo a bar',
+        source_context_info: {
+          name: 'Source Context'
+        }
+      }
+    });
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props), {
       disableLifecycleMethods: true
     });
+    var link = wrapper.find(Text).last();
+    expect(link.text()).to.equal('Source Context');
+  });
+  it('handles null source context name', function () {
+    var props = makeProps({
+      outcome: {
+        id: '1',
+        label: 'FOO',
+        title: 'User can foo a bar',
+        source_context_info: {
+          name: null
+        }
+      }
+    });
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
+    var link = wrapper.find(Text).last();
+    expect(link.text()).to.equal('');
+  });
+  it('handles null source context info', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, makeProps()));
+    var link = wrapper.find(Text).last();
+    expect(link).to.have.length(1);
+    expect(link.text()).to.equal('User can foo a bar');
+  });
+  describe('renderOutcomeDecoration', function () {
+    function getDecoratedOutcome(decorator) {
+      return makeProps({
+        outcome: {
+          id: '1',
+          label: 'FOO',
+          title: 'User can foo a bar',
+          source_context_info: {
+            name: null
+          },
+          decorator: decorator
+        }
+      });
+    }
+    it('does not decorate if there is no decorator', function () {
+      var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, makeProps()));
+      var pill = wrapper.find(Pill).last();
+      expect(pill).to.have.length(0);
+    });
+    it('does not decorate if decorator is HIDE', function () {
+      var props = getDecoratedOutcome('HIDE');
+      var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
+      var pill = wrapper.find(Pill).last();
+      expect(pill).to.have.length(0);
+    });
+    it('decorates if decorator is SUB_ACCOUNT_OUTCOME', function () {
+      var props = getDecoratedOutcome('SUB_ACCOUNT_OUTCOME');
+      var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
+      var pill = wrapper.find(Pill).last();
+      expect(pill).to.have.length(1);
+      expect(pill.props().color).to.equal('primary');
+      expect(pill.text()).to.equal('Sub-Account Outcome');
+      var tip = wrapper.find(Tooltip).last();
+      expect(tip).to.have.length(0);
+    });
+    it('decorates if decorator is NOT_IN_SUB_ACCOUNT', function () {
+      var props = getDecoratedOutcome('NOT_IN_SUB_ACCOUNT');
+      var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
+      var pill = wrapper.find(Pill).last();
+      expect(pill).to.have.length(1);
+      expect(pill.props().color).to.equal('danger');
+      expect(pill.text()).to.equal('Not in this Sub-Account');
+      var tip = wrapper.find(Tooltip).last();
+      expect(tip).to.have.length(1);
+      expect(tip.props().renderTip).to.equal('To add this outcome, navigate to the Outcomes Management page.');
+    });
+    it('decorates if decorator is COURSE_OUTCOME', function () {
+      var props = getDecoratedOutcome('COURSE_OUTCOME');
+      var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
+      var pill = wrapper.find(Pill).last();
+      expect(pill).to.have.length(1);
+      expect(pill.props().color).to.equal('primary');
+      expect(pill.text()).to.equal('Course Outcome');
+      var tip = wrapper.find(Tooltip).last();
+      expect(tip).to.have.length(0);
+    });
+    it('decorates if decorator is NOT_IN_COURSE', function () {
+      var props = getDecoratedOutcome('NOT_IN_COURSE');
+      var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
+      var pill = wrapper.find(Pill).last();
+      expect(pill).to.have.length(1);
+      expect(pill.props().color).to.equal('danger');
+      expect(pill.text()).to.equal('Not in this Course');
+      var tip = wrapper.find(Tooltip).last();
+      expect(tip).to.have.length(1);
+      expect(tip.props().renderTip).to.equal('To add this outcome, navigate to the Outcomes Management page.');
+    });
+  });
+  it('includes an icon', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, makeProps()));
     expect(wrapper.find(IconOutcomesLine)).to.have.length(1);
   });
   it('includes a delete button', function () {
     var props = makeProps();
-    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props), {
-      disableLifecycleMethods: true
-    });
+    var wrapper = mount( /*#__PURE__*/React.createElement(Alignment, props));
     expect(wrapper.find(IconTrashLine)).to.have.length(1);
   });
   it('does not include a delete button if readOnly', function () {
     var props = makeProps({
       readOnly: true
     });
-    var wrapper = shallow( /*#__PURE__*/React.createElement(Alignment, props), {
-      disableLifecycleMethods: true
-    });
+    var wrapper = shallow( /*#__PURE__*/React.createElement(Alignment, props));
     expect(wrapper.find('Button')).to.have.length(0);
   });
   it('calls removeAlignment when delete is clicked', function () {