@instructure/outcomes-ui 2.1.2 → 2.1.3

package/lib/translated/pt-BR/components/AlignmentButton/__tests__/index.test.js

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

package/lib/translated/pt-BR/components/AlignmentButton/index.js

@@ -33,7 +33,7 @@ var _uiThemeable = require("@instructure/ui-themeable");
 
 var _index = _interopRequireDefault(require("../OutcomePickerModal/index.js"));
 
-var _index2 = _interopRequireDefault(require("./AlignmentItem/index.js"));
+var _index2 = _interopRequireDefault(require("../AlignmentItem/index.js"));
 
 var _index3 = _interopRequireDefault(require("../AlignmentCount/index.js"));
 
@@ -57,31 +57,61 @@ var AlignmentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
 
   var _super = (0, _createSuper2.default)(AlignmentButton);
 
-  function AlignmentButton() {
+  function AlignmentButton(props) {
     var _this;
 
     (0, _classCallCheck2.default)(this, AlignmentButton);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
+    _this = _super.call(this, props);
+
+    _this.toggleAlignmentList = function () {
+      _this.setState(function (prevState) {
+        return {
+          renderCollapsed: !prevState.renderCollapsed
+        };
+      });
+    };
 
     _this.renderHeader = function () {
       var _this$props = _this.props,
-          readOnly = _this$props.readOnly,
+          canManageOutcomes = _this$props.canManageOutcomes,
           alignedOutcomes = _this$props.alignedOutcomes;
+      var renderCollapsed = _this.state.renderCollapsed;
+      var enableToggleAction = alignedOutcomes.length > 0;
+
+      if (!enableToggleAction) {
+        _this.setState({
+          renderCollapsed: true
+        });
+      }
 
-      if (!readOnly || alignedOutcomes.length) {
+      if (canManageOutcomes || alignedOutcomes.length) {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: styles.line,
-          "data-automation": "outcomeLabel__alignedOutcomes"
+          "data-automation": "outcomeLabel__alignedOutcomes",
+          style: {
+            'align-items': 'center'
+          }
         }, /*#__PURE__*/_react.default.createElement(_uiText.Text, {
           size: "medium"
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: styles.spacing
-        }, /*#__PURE__*/_react.default.createElement(_uiIcons.IconOutcomesLine, null))), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
+        }, /*#__PURE__*/_react.default.createElement("span", {
+          style: {
+            'padding-right': '0.5em'
+          }
+        }, /*#__PURE__*/_react.default.createElement(_uiButtons.IconButton, {
+          size: "small",
+          screenReaderLabel: renderCollapsed ? "Expand the list of aligned Outcomes" : "Collapse the list of aligned Outcomes",
+          withBackground: false,
+          withBorder: false,
+          interaction: enableToggleAction ? 'enabled' : 'disabled',
+          onClick: _this.toggleAlignmentList,
+          "data-automation": "alignmentButton__collapseButton"
+        }, renderCollapsed ? /*#__PURE__*/_react.default.createElement(_uiIcons.IconArrowOpenEndLine, {
+          "data-testid": "icon-arrow-right"
+        }) : /*#__PURE__*/_react.default.createElement(_uiIcons.IconArrowOpenDownLine, {
+          "data-testid": "icon-arrow-down"
+        }))), /*#__PURE__*/_react.default.createElement(_uiIcons.IconOutcomesLine, null))), /*#__PURE__*/_react.default.createElement(_uiText.Text, {
           size: "medium"
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: styles.spacing
@@ -92,28 +122,33 @@ var AlignmentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     };
 
     _this.renderAlignmentList = function () {
+      if (_this.state.renderCollapsed) {
+        return;
+      }
+
       var _this$props2 = _this.props,
           alignedOutcomes = _this$props2.alignedOutcomes,
-          readOnly = _this$props2.readOnly;
+          canManageOutcomes = _this$props2.canManageOutcomes;
       return /*#__PURE__*/_react.default.createElement(_uiList.List, {
         isUnstyled: true,
         margin: "small 0",
         delimiter: "solid"
-      }, alignedOutcomes.map(function (outcome, index) {
+      }, alignedOutcomes.length > 0 && /*#__PURE__*/_react.default.createElement(_uiList.List.Item, {
+        key: "delimiter-0"
+      }), alignedOutcomes.map(function (outcome, index) {
         return /*#__PURE__*/_react.default.createElement(_uiList.List.Item, {
-          margin: "small 0",
+          padding: "0 small 0 medium",
           key: outcome.id
         }, /*#__PURE__*/_react.default.createElement(_index2.default, {
           removeAlignment: function removeAlignment() {
             return _this.handleRemoveAlignment(outcome, index);
           },
-          ref: function ref(o) {
-            _this["position".concat(index)] = o;
-          } // eslint-disable-line immutable/no-mutation
-          ,
           outcome: outcome,
-          readOnly: readOnly
+          canManageOutcomes: canManageOutcomes,
+          shouldFocus: index === _this.state.focusedItem
         }));
+      }), alignedOutcomes.length > 0 && /*#__PURE__*/_react.default.createElement(_uiList.List.Item, {
+        key: "delimiter-1"
       }));
     };
 
@@ -135,9 +170,9 @@ var AlignmentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
     _this.renderButton = function () {
       var _this$props4 = _this.props,
           openOutcomePicker = _this$props4.openOutcomePicker,
-          readOnly = _this$props4.readOnly;
+          canManageOutcomes = _this$props4.canManageOutcomes;
 
-      if (!readOnly) {
+      if (canManageOutcomes) {
         return /*#__PURE__*/_react.default.createElement("div", {
           className: styles.button
         }, /*#__PURE__*/_react.default.createElement(_uiButtons.Button, {
@@ -154,6 +189,10 @@ var AlignmentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
       }
     };
 
+    _this.state = {
+      renderCollapsed: true,
+      focusedItem: null
+    };
     return _this;
   }
 
@@ -177,15 +216,19 @@ var AlignmentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
           alignedOutcomes = _this$props5.alignedOutcomes;
       removeAlignment(removedOutcome.id, onUpdate, true);
       this.props.screenreaderNotification(removedOutcome.label + " alinhamento removido");
-      var priorListItem = this["position".concat(index - 1)];
+      var priorIndex = index - 1;
 
-      if (priorListItem) {
-        priorListItem.focus();
+      if (priorIndex >= 0) {
+        this.setState({
+          focusedItem: priorIndex
+        });
       } else if (alignedOutcomes.length > 0) {
-        var nextListItem = this["position".concat(index + 1)];
+        var nextIndex = index + 1;
 
-        if (nextListItem) {
-          nextListItem.focus();
+        if (nextIndex < alignedOutcomes.length) {
+          this.setState({
+            focusedItem: nextIndex
+          });
         }
       }
     }
@@ -207,13 +250,13 @@ var AlignmentButton = (_dec = (0, _uiThemeable.themeable)(_theme.default, styles
   onUpdate: _propTypes.default.func,
   screenreaderNotification: _propTypes.default.func,
   liveRegion: _index.default.propTypes.liveRegion,
-  readOnly: _propTypes.default.bool.isRequired
+  canManageOutcomes: _propTypes.default.bool.isRequired
 }, _class2.defaultProps = {
   alignedOutcomes: [],
   pickerProps: {},
   onUpdate: null,
   screenreaderNotification: null,
   liveRegion: null,
-  readOnly: false
+  canManageOutcomes: true
 }, _temp)) || _class);
 exports.default = AlignmentButton;

package/lib/translated/pt-BR/components/AlignmentItem/__tests__/index.test.js

@@ -0,0 +1,187 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _chai = require("chai");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _enzyme = require("enzyme");
+
+var _sinon = _interopRequireDefault(require("sinon"));
+
+var _index = _interopRequireDefault(require("../index.js"));
+
+var _checkA11y = _interopRequireDefault(require("../../../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.default.spy(),
+      canManageOutcomes: true,
+      isTray: false,
+      shouldFocus: false,
+      isOutcomeSelected: _sinon.default.spy(),
+      selectOutcomeIds: _sinon.default.spy(),
+      deselectOutcomeIds: _sinon.default.spy()
+    }, props);
+  }
+
+  it('renders title', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+    (0, _chai.expect)(wrapper.find('Text')).to.have.length(1);
+  });
+  it('includes an OutcomeDescription', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('OutcomeDescription')).to.have.length(1);
+  });
+  it('includes a trash icon and delete button if in the alignment list', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('IconTrashLine')).to.have.length(1);
+    (0, _chai.expect)(wrapper.find('IconButton')).to.have.length(2);
+  });
+  it('does not include a trash icon and delete button if in the outcome tray', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      isTray: true
+    })), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('IconTrashLine')).to.have.length(0);
+    (0, _chai.expect)(wrapper.find('IconButton')).to.have.length(1);
+  });
+  it('does not include a trash icon and delete button when canManageOutcomes is false', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      canManageOutcomes: false
+    })), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('IconTrashLine')).to.have.length(0);
+    (0, _chai.expect)(wrapper.find('IconButton')).to.have.length(1);
+  });
+  it('focuses on the trash can icon if shouldFocus is true', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+    wrapper.setProps((0, _objectSpread2.default)({}, makeProps({
+      shouldFocus: true
+    })));
+    (0, _chai.expect)(wrapper.getDOMNode().contains(document.activeElement));
+  });
+  it('does not focus on the trash can icon if shouldFocus is false', function () {
+    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+    wrapper.setProps((0, _objectSpread2.default)({}, makeProps()));
+    (0, _chai.expect)(wrapper.getDOMNode().contains(document.activeElement)).to.be.false;
+  });
+  it('calls removeAlignment when the trash icon is clicked', function () {
+    var props = makeProps();
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
+      disableLifecycleMethods: true
+    });
+    wrapper.find('IconButton').at(1).simulate('click');
+    (0, _chai.expect)(props.removeAlignment.calledOnce).to.be.true;
+  });
+  it('includes a checkbox if in the outcome tray', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      isTray: true
+    })), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('Checkbox')).to.have.length(1);
+  });
+  it('does not include a checkbox if in the alignment list', function () {
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('Checkbox')).to.have.length(0);
+  });
+  it('handles click on checkbox', function () {
+    var props = makeProps({
+      isTray: true
+    });
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props));
+    wrapper.find('Checkbox').simulate('click');
+    (0, _chai.expect)(props.isOutcomeSelected.calledOnce).to.be.true;
+  });
+  it('selects the checkbox when isOutcomeSelected', function () {
+    var isOutcomeSelected = _sinon.default.stub().withArgs(1).returns(false);
+
+    var props = makeProps({
+      isOutcomeSelected: isOutcomeSelected,
+      isTray: true
+    });
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('Checkbox').prop('checked')).to.equal(false);
+  });
+  it('does not select the checkbox when not isOutcomeSelected', function () {
+    var isOutcomeSelected = _sinon.default.stub().withArgs(1).returns(true);
+
+    var props = makeProps({
+      isOutcomeSelected: isOutcomeSelected,
+      isTray: true
+    });
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
+      disableLifecycleMethods: true
+    });
+    (0, _chai.expect)(wrapper.find('Checkbox').prop('checked')).to.equal(true);
+  });
+  it('calls selectOutcomeIds when unselected and user clicks', function () {
+    var isOutcomeSelected = _sinon.default.stub().withArgs(1).returns(false);
+
+    var props = makeProps({
+      isOutcomeSelected: isOutcomeSelected,
+      isTray: true
+    });
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
+      disableLifecycleMethods: true
+    });
+    wrapper.find('Checkbox').simulate('change');
+    (0, _chai.expect)(props.selectOutcomeIds.calledWith([1]));
+  });
+  it('calls deselectOutcomeIds when selected and user clicks', function () {
+    var isOutcomeSelected = _sinon.default.stub().withArgs(1).returns(true);
+
+    var props = makeProps({
+      isOutcomeSelected: isOutcomeSelected,
+      isTray: true
+    });
+    var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, props), {
+      disableLifecycleMethods: true
+    });
+    wrapper.find('Checkbox').simulate('change');
+    (0, _chai.expect)(props.deselectOutcomeIds.calledWith([1]));
+  });
+  it('shows the popover when the item is truncated', function () {
+    var widget = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+    (0, _chai.expect)(widget.find('Popover')).to.have.length(1);
+    var tray = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      isTray: true
+    })));
+    (0, _chai.expect)(tray.find('Popover')).to.have.length(1);
+  });
+  it('does not show the popover when the item is expanded', function () {
+    var widget = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+    widget.find('IconButton').at(0).simulate('click');
+    (0, _chai.expect)(widget.find('Popover')).to.have.length(0);
+    var tray = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps({
+      isTray: true
+    })));
+    tray.find('IconButton').at(0).simulate('click');
+    (0, _chai.expect)(tray.find('Popover')).to.have.length(0);
+  });
+  it('meets a11y standards', function () {
+    return (0, _checkA11y.default)( /*#__PURE__*/_react.default.createElement(_index.default, makeProps()));
+  });
+});