@instructure/outcomes-ui 2.1.3 → 2.1.4

package/es/translated/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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/fi/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
+}];

package/es/translated/fr/components/AlignmentButton/AlignmentItem/__tests__/index.test.js

@@ -0,0 +1,54 @@
+import { expect } from 'chai';
+import React from 'react';
+import { shallow } from 'enzyme';
+import sinon from 'sinon';
+import AlignmentItem from "../index.js";
+import checkA11y from "../../../../test/checkA11y.js";
+describe('AlignmentItem', function () {
+  function makeProps() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    return Object.assign({
+      outcome: {
+        id: '1',
+        label: 'A1',
+        title: 'tA1',
+        description: 'dA1'
+      },
+      removeAlignment: sinon.spy()
+    }, props);
+  }
+
+  it('includes an OutcomeDescription', function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentItem, makeProps()), {
+      disableLifecycleMethods: true
+    });
+    expect(wrapper.find('OutcomeDescription')).to.have.length(1);
+  });
+  it('includes a trash icon and delete button', function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentItem, makeProps()), {
+      disableLifecycleMethods: true
+    });
+    expect(wrapper.find('IconTrashLine')).to.have.length(1);
+    expect(wrapper.find('IconButton')).to.have.length(1);
+  });
+  it('does not include a trash icon and delete button when readOnly is true', function () {
+    var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentItem, makeProps({
+      readOnly: true
+    })), {
+      disableLifecycleMethods: true
+    });
+    expect(wrapper.find('IconTrashLine')).to.have.length(0);
+    expect(wrapper.find('IconButton')).to.have.length(0);
+  });
+  it('calls removeAlignment when the trash icon is clicked', function () {
+    var props = makeProps();
+    var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentItem, props), {
+      disableLifecycleMethods: true
+    });
+    wrapper.find('IconButton').simulate('click');
+    expect(props.removeAlignment.calledOnce).to.be.true;
+  });
+  it('meets a11y standards', function () {
+    return checkA11y( /*#__PURE__*/React.createElement(AlignmentItem, makeProps()));
+  });
+});

package/es/translated/fr/components/AlignmentButton/AlignmentItem/index.js

@@ -0,0 +1,95 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+
+var _dec, _class, _class2, _temp;
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import t from 'format-message';
+import { IconButton } from '@instructure/ui-buttons';
+import { Text } from '@instructure/ui-text';
+import { IconTrashLine } from '@instructure/ui-icons';
+import { themeable } from '@instructure/ui-themeable';
+import OutcomeDescription from "../../OutcomeDescription/index.js";
+import { outcomeShape } from "../../../store/shapes.js";
+import theme from "../../theme.js";
+var styles = {
+  componentId: 'fztAm',
+  template: function template(theme) {
+    return "\n\n.outcomes-ui__AlignmentItem--deleteButton {\n  flex: 0 0 1rem;\n}\n\n.outcomes-ui__AlignmentItem--outcomeTitle {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n";
+  },
+  'deleteButton': 'outcomes-ui__AlignmentItem--deleteButton',
+  'outcomeTitle': 'outcomes-ui__AlignmentItem--outcomeTitle'
+};
+var AlignmentItem = (_dec = themeable(theme, styles), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+  _inherits(AlignmentItem, _React$Component);
+
+  var _super = _createSuper(AlignmentItem);
+
+  function AlignmentItem() {
+    _classCallCheck(this, AlignmentItem);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(AlignmentItem, [{
+    key: "focus",
+    value: function focus() {
+      this.focusLink.focus();
+    }
+  }, {
+    key: "renderDeleteButton",
+    value: function renderDeleteButton() {
+      var _this = this;
+
+      var _this$props = this.props,
+          outcome = _this$props.outcome,
+          removeAlignment = _this$props.removeAlignment,
+          readOnly = _this$props.readOnly;
+
+      if (!readOnly) {
+        return /*#__PURE__*/React.createElement("span", {
+          className: styles.deleteButton,
+          "data-automation": "outcomeAlignmentItem__delete"
+        }, /*#__PURE__*/React.createElement(IconButton, {
+          withBackground: false,
+          withBorder: false,
+          screenReaderLabel: t("Remove ".concat(outcome.title)),
+          elementRef: function elementRef(link) {
+            _this.focusLink = link;
+          } // eslint-disable-line immutable/no-mutation
+          ,
+          onClick: removeAlignment
+        }, /*#__PURE__*/React.createElement(IconTrashLine, null)));
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var outcome = this.props.outcome;
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+        size: "small"
+      }, outcome.label), /*#__PURE__*/React.createElement("div", {
+        className: styles.outcomeTitle,
+        "data-automation": "outcomeAlignmentItem__title"
+      }, /*#__PURE__*/React.createElement(Text, {
+        weight: "bold",
+        size: "small"
+      }, outcome.title), this.renderDeleteButton()), /*#__PURE__*/React.createElement(OutcomeDescription, {
+        description: outcome.description
+      }));
+    }
+  }]);
+
+  AlignmentItem.displayName = "AlignmentItem";
+  return AlignmentItem;
+}(React.Component), _class2.propTypes = {
+  outcome: outcomeShape.isRequired,
+  removeAlignment: PropTypes.func.isRequired,
+  readOnly: PropTypes.bool.isRequired
+}, _class2.defaultProps = {
+  readOnly: false
+}, _temp)) || _class);
+export { AlignmentItem as default };

package/es/translated/fr/components/AlignmentButton/AlignmentItem/styles.css

@@ -0,0 +1,9 @@
+.deleteButton {
+  flex: 0 0 1rem;
+}
+
+.outcomeTitle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}

package/es/translated/fr/components/AlignmentButton/__tests__/index.test.js

@@ -39,20 +39,20 @@ describe('AlignmentButton', function () {
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()), {
       disableLifecycleMethods: true
     });
-    expect(wrapper.find('Button[data-automation="alignmentButton__button"]')).to.have.length(1);
+    expect(wrapper.find('Button')).to.have.length(1);
     expect(wrapper.find('AccessibleContent')).to.have.length(1);
   });
-  it('does not render an alignment button if canManageOutcomes is false', function () {
+  it('does not render an alignment button if readOnly is true', function () {
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps({
-      canManageOutcomes: false
+      readOnly: true
     })), {
       disableLifecycleMethods: true
     });
-    expect(wrapper.find('Button[data-automation="alignmentButton__button"]')).to.have.length(0);
+    expect(wrapper.find('Button')).to.have.length(0);
   });
-  it('does not render header if canManageOutcomes is false and no outcomes are aligned', function () {
+  it('does not render header if readOnly is true and no outcomes are aligned', function () {
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps({
-      canManageOutcomes: false,
+      readOnly: true,
       alignedOutcomes: []
     })), {
       disableLifecycleMethods: true
@@ -61,45 +61,16 @@ describe('AlignmentButton', function () {
     expect(wrapper.find('IconOutcomesLine')).to.have.length(0);
     expect(wrapper.find('AlignmentCount')).to.have.length(0);
   });
-  it('disables the expansion toggle button if no outcomes are aligned', function () {
-    var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, makeProps({
-      alignedOutcomes: []
-    })), {
-      disableLifecycleMethods: true
-    });
-    var buttonStyle = wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').props('style');
-    expect(buttonStyle.interaction).to.equal('disabled');
-  });
-  it('renders the alignment list collapsed by default', function () {
-    var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
-    expect(wrapper.find('AlignmentItem')).to.have.length(0);
-  });
-  it('expansion toggle click is correctly handled', function () {
-    var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
-    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
-    expect(wrapper.find('AlignmentItem')).to.have.length(3);
-    expect(wrapper.find('ScreenReaderContent').at(0).text()).to.eq('Collapse the list of aligned Outcomes');
-    expect(wrapper.find('IconArrowOpenDownLine')).to.have.length(1);
-  });
-  it('collapse toggle button click is correctly handled', function () {
-    var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
-    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
-    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
-    expect(wrapper.find('AlignmentItem')).to.have.length(0);
-    expect(wrapper.find('ScreenReaderContent').at(0).text()).to.eq('Expand the list of aligned Outcomes');
-    expect(wrapper.find('IconArrowOpenEndLine')).to.have.length(1);
-  });
   it('calls openOutcomePicker when the button is pressed', function () {
     var props = makeProps();
     var wrapper = shallow( /*#__PURE__*/React.createElement(AlignmentButton, props), {
       disableLifecycleMethods: true
     });
-    wrapper.find('Button[data-automation="alignmentButton__button"]').simulate('click');
+    wrapper.find('Button').simulate('click');
     expect(props.openOutcomePicker.calledOnce).to.be.true;
   });
   it('renders AlignmentItems for each aligned outcome', function () {
     var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
-    wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
     expect(wrapper.find('AlignmentItem')).to.have.length(3);
   });
   it('renders an AlignmentCount object', function () {
@@ -113,7 +84,6 @@ describe('AlignmentButton', function () {
     it('calls the removeAlignment action with shouldUpdateArtifact equal to true', function () {
       var props = makeProps();
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, props));
-      wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
       var first = wrapper.find('AlignmentItem').at(0);
       var remove = first.prop('removeAlignment');
       var outcome = first.prop('outcome');
@@ -122,19 +92,23 @@ describe('AlignmentButton', function () {
     });
     it('focuses on the previous alignment when the second alignment deleted', function () {
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
-      wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
+      var first = wrapper.find('AlignmentItem').at(0);
       var next = wrapper.find('AlignmentItem').at(1);
+      var focus = sinon.spy(first.instance(), 'focus');
       var remove = next.prop('removeAlignment');
       remove();
-      expect(wrapper.state().focusedItem).to.eq(0);
+      expect(focus.calledOnce).to.be.true;
+      expect(focus.calledWith()).to.be.true;
     });
     it('focuses on the next alignment when first alignment deleted', function () {
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps()));
-      wrapper.find('IconButton[data-automation="alignmentButton__collapseButton"]').simulate('click');
       var first = wrapper.find('AlignmentItem').at(0);
+      var next = wrapper.find('AlignmentItem').at(1);
       var remove = first.prop('removeAlignment');
+      var focus = sinon.spy(next.instance(), 'focus');
       remove();
-      expect(wrapper.state().focusedItem).to.eq(1);
+      expect(focus.calledOnce).to.be.true;
+      expect(focus.calledWith()).to.be.true;
     });
   });
   describe('componentDidUpdate', function () {
@@ -147,12 +121,12 @@ describe('AlignmentButton', function () {
         }]
       };
       var wrapper = mount( /*#__PURE__*/React.createElement(AlignmentButton, makeProps(outcomes)));
-      var trigger = wrapper.find('Button[data-automation="alignmentButton__button"]').last();
+      var trigger = wrapper.find('button').last();
       var focus = sinon.spy(trigger.instance(), 'focus');
       wrapper.setProps({
         alignedOutcomes: []
       }, function () {
-        expect(wrapper.find('Button[data-automation="alignmentButton__button"]')).to.have.length(1);
+        expect(wrapper.find('button')).to.have.length(1);
         expect(focus.calledOnce).to.be.true;
         expect(focus.calledWith()).to.be.true;
         done();