@instructure/outcomes-ui 2.1.2 → 2.1.3

package/es/translated/vi/containers/OutcomeSDKComponent.js

@@ -0,0 +1,93 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Provider } from 'react-redux';
+import { getStore, makeScope, makeUserScope } from "../store/index.js";
+
+var makeSDKComponent = function makeSDKComponent(ComponentClass) {
+  var _class, _temp;
+
+  var additionalPropTypes = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  return _temp = _class = /*#__PURE__*/function (_React$Component) {
+    _inherits(_class, _React$Component);
+
+    var _super = _createSuper(_class);
+
+    function _class() {
+      _classCallCheck(this, _class);
+
+      return _super.apply(this, arguments);
+    }
+
+    _createClass(_class, [{
+      key: "contextUuid",
+      value: function contextUuid() {
+        return this.props.contextUuid || '';
+      }
+    }, {
+      key: "scope",
+      value: function scope() {
+        var _this$props = this.props,
+            scope = _this$props.scope,
+            artifactType = _this$props.artifactType,
+            artifactId = _this$props.artifactId,
+            userUuid = _this$props.userUuid;
+        var userScope = makeUserScope(artifactType, artifactId, userUuid);
+        var artifactScope = makeScope(artifactType, artifactId);
+        var generatedScope = userUuid ? userScope : artifactScope; // eslint-disable-next-line immutable/no-mutation
+
+        return scope || generatedScope;
+      }
+    }, {
+      key: "store",
+      value: function store() {
+        var _this$props2 = this.props,
+            store = _this$props2.store,
+            host = _this$props2.host,
+            jwt = _this$props2.jwt,
+            artifactType = _this$props2.artifactType,
+            artifactId = _this$props2.artifactId; // eslint-disable-next-line immutable/no-mutation
+
+        return store || getStore(host, jwt, this.scope(), this.contextUuid(), artifactType, artifactId);
+      }
+    }, {
+      key: "propsForChild",
+      value: function propsForChild() {
+        return _objectSpread(_objectSpread({}, this.props), {}, {
+          contextUuid: this.contextUuid(),
+          scope: this.scope()
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        return /*#__PURE__*/React.createElement(Provider, {
+          store: this.store()
+        }, /*#__PURE__*/React.createElement(ComponentClass, this.propsForChild()));
+      }
+    }]);
+
+    _class.displayName = "_class";
+    return _class;
+  }(React.Component), _class.propTypes = _objectSpread({
+    store: PropTypes.object,
+    scope: PropTypes.string,
+    contextUuid: PropTypes.string,
+    artifactType: PropTypes.string.isRequired,
+    artifactId: PropTypes.string.isRequired,
+    host: PropTypes.string.isRequired,
+    jwt: PropTypes.string.isRequired,
+    userUuid: PropTypes.string
+  }, additionalPropTypes), _class.defaultProps = {
+    store: null,
+    scope: null,
+    contextUuid: '',
+    userUuid: null
+  }, _class.displayName = "SDKComponent(".concat(ComponentClass.displayName, ")"), _temp;
+};
+
+export default makeSDKComponent;

package/es/translated/vi/containers/OutcomesPerStudentReport.js

@@ -0,0 +1,3 @@
+import OutcomesPerStudent from "./ConnectedOutcomesPerStudent.js";
+import OutcomeSDKComponent from "./OutcomeSDKComponent.js";
+export default OutcomeSDKComponent(OutcomesPerStudent);

package/es/translated/vi/containers/__tests__/AlignmentButton.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 AlignmentButton from "../AlignmentButton.js";
+describe('AlignmentButton', 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(AlignmentButton, makeProps())));
+    expect(wrapper.find('AlignmentButton')).to.have.length(1);
+  });
+  it('sets the scope', function () {
+    var props = makeProps();
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(AlignmentButton, props)));
+    expect(wrapper.find('AlignmentButton').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(AlignmentButton, props)));
+    expect(wrapper.find('AlignmentButton').prop('scope')).to.equal('foo:::1');
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedAlignmentButton.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 ConnectedAlignmentButton from "../ConnectedAlignmentButton.js";
+describe('ConnectedAlignmentButton', 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(ConnectedAlignmentButton, {
+      tray: /*#__PURE__*/React.createElement("div", null)
+    })));
+    expect(wrapper.find('AlignmentButton')).to.have.length(1);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedAlignmentCount.test.js

@@ -0,0 +1,31 @@
+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 ConnectedAlignmentCount from "../ConnectedAlignmentCount.js";
+import AlignmentCount from "../../components/AlignmentCount/index.js";
+describe('ConnectedAlignmentCount', function () {
+  it('renders', function () {
+    var store = createMockStore(fromJS({
+      scopeForTest: {
+        alignments: {
+          alignedOutcomes: [{
+            id: 1
+          }, {
+            id: 2
+          }]
+        }
+      }
+    }));
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(ConnectedAlignmentCount, {
+      scope: "scopeForTest",
+      addModal: /*#__PURE__*/React.createElement("div", null)
+    })));
+    expect(wrapper.find(AlignmentCount)).to.have.length(1);
+    expect(wrapper.text()).to.match(/\(2\)/);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedAlignmentLabels.test.js

@@ -0,0 +1,33 @@
+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 ConnectedAlignmentLabels from "../ConnectedAlignmentLabels.js";
+describe('ConnectedAlignmentLabels', function () {
+  it('renders', function () {
+    var store = createMockStore(fromJS({
+      scopeForTest: {
+        alignments: {
+          alignedOutcomes: [{
+            id: 1,
+            label: 'foo',
+            title: 'baz'
+          }, {
+            id: 2,
+            label: 'bar',
+            title: 'woz'
+          }]
+        }
+      }
+    }));
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(ConnectedAlignmentLabels, {
+      scope: "scopeForTest"
+    })));
+    expect(wrapper.find('OutcomeLabels')).to.have.length(1);
+    expect(wrapper.text()).to.match(/baz,woz/);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedAlignmentList.test.js

@@ -0,0 +1,24 @@
+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 ConnectedAlignmentList from "../ConnectedAlignmentList.js";
+describe('ConnectedAlignmentList', 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(ConnectedAlignmentList, {
+      scope: "scopeForTest",
+      addModal: /*#__PURE__*/React.createElement("div", null)
+    })));
+    expect(wrapper.find('AlignmentList')).to.have.length(1);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedOutcomePicker.test.js

@@ -0,0 +1,28 @@
+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 ConnectedOutcomePicker from "../ConnectedOutcomePicker.js";
+describe('ConnectedOutcomePicker', function () {
+  it('renders', function () {
+    var store = createMockStore(fromJS({
+      scopeForTest: {
+        OutcomePicker: {
+          focusedOutcome: null,
+          state: 'loading',
+          activeChildren: [],
+          scope: 'scopeForTest'
+        }
+      }
+    }));
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(ConnectedOutcomePicker, {
+      contextUuid: "course_100",
+      scope: "scopeForTest"
+    })));
+    expect(wrapper.find('OutcomePicker')).to.have.length(1);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedOutcomePickerModal.test.js

@@ -0,0 +1,24 @@
+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 ConnectedOutcomePickerModal from "../ConnectedOutcomePickerModal.js";
+describe('ConnectedOutcomePickerModal', 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(ConnectedOutcomePickerModal, {
+      outcomePicker: /*#__PURE__*/React.createElement("div", null),
+      scope: "scopeForTest"
+    })));
+    expect(wrapper.find('OutcomePickerModal')).to.have.length(1);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedOutcomeTray.test.js

@@ -0,0 +1,32 @@
+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 ConnectedOutcomeTray from "../ConnectedOutcomeTray.js";
+describe('ConnectedOutcomeTray', function () {
+  it('renders', function () {
+    var store = createMockStore(fromJS({
+      scopeForTest: {
+        OutcomePicker: {
+          state: 'loading',
+          search: {
+            searchText: 'testing',
+            isLoading: false,
+            entries: []
+          },
+          scope: 'scopeForTest',
+          focusedOutcome: null
+        }
+      }
+    })); //
+
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(ConnectedOutcomeTray, {
+      scope: "scopeForTest"
+    })));
+    expect(wrapper.find('OutcomeTray')).to.have.length(1);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedOutcomeTree.test.js

@@ -0,0 +1,28 @@
+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 ConnectedOutcomeTree from "../ConnectedOutcomeTree.js";
+describe('ConnectedOutcomeTree', function () {
+  it('renders', function () {
+    var store = createMockStore(fromJS({
+      scopeForTest: {
+        OutcomePicker: {
+          focusedOutcome: null,
+          state: 'loading',
+          activeChildren: [],
+          scope: 'scopeForTest'
+        }
+      }
+    }));
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(ConnectedOutcomeTree, {
+      contextUuid: "course_100",
+      scope: "scopeForTest"
+    })));
+    expect(wrapper.find('OutcomeTree')).to.have.length(1);
+  });
+});

package/es/translated/vi/containers/__tests__/ConnectedOutcomeView.test.js

@@ -0,0 +1,37 @@
+/* eslint-disable no-console */
+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 ConnectedOutcomeView from "../ConnectedOutcomeView.js";
+describe('ConnectedOutcomeView', function () {
+  it('renders', function () {
+    var store = createMockStore(fromJS({
+      scope_name: {
+        config: {
+          contextUuid: 'dummy_1'
+        }
+      },
+      context: {
+        contexts: {
+          dummy_1: {
+            loading: false,
+            data: {
+              id: 1
+            }
+          }
+        }
+      }
+    }));
+    var wrapper = mount( /*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(ConnectedOutcomeView, {
+      scope: "scope_name",
+      description: "Description",
+      title: "Title"
+    })));
+    expect(wrapper.find('OutcomeView')).to.have.length(1);
+  });
+});

package/es/translated/vi/containers/__tests__/OutcomeAlignments.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 OutcomeAlignments from "../OutcomeAlignments.js";
+describe('OutcomeAlignments', 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(OutcomeAlignments, makeProps())));
+    expect(wrapper.find('AlignmentList')).to.have.length(1);
+  });
+  it('sets the scope', function () {
+    var props = makeProps();
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(OutcomeAlignments, props)));
+    expect(wrapper.find('AlignmentList').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(OutcomeAlignments, props)));
+    expect(wrapper.find('AlignmentList').prop('scope')).to.equal('foo:::1');
+  });
+});

package/es/translated/vi/containers/__tests__/OutcomeCount.test.js

@@ -0,0 +1,47 @@
+import { expect } from 'chai';
+import React from 'react';
+import { mount } from 'enzyme';
+import createMockStore from "../../test/createMockStore.js";
+import AlignmentCount from "../../components/AlignmentCount/index.js";
+import OutcomeCount from "../OutcomeCount.js";
+describe('OutcomeCount', function () {
+  function makeProps() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var store = createMockStore();
+    return Object.assign({
+      store: store,
+      alignmentSetId: '',
+      artifactType: 'foo',
+      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(OutcomeCount, makeProps())));
+    expect(wrapper.find(AlignmentCount)).to.have.length(1);
+  });
+  it('sets the scope', function () {
+    var props = makeProps();
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(OutcomeCount, props)));
+    expect(wrapper.find(AlignmentCount).prop('scope')).to.equal('foo:::1');
+  });
+  it('uses proper fallbacks if store not passed in props', function () {
+    var props = {
+      artifactType: 'foo',
+      artifactId: '1',
+      host: '',
+      jwt: '',
+      alignmentSetId: ''
+    };
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(OutcomeCount, props)));
+    expect(wrapper.find(AlignmentCount).prop('scope')).to.equal('foo:::1');
+  });
+});

package/es/translated/vi/containers/__tests__/OutcomeList.test.js

@@ -0,0 +1,31 @@
+import { expect } from 'chai';
+import React from 'react';
+import { mount } from 'enzyme';
+import createMockStore from "../../test/createMockStore.js";
+import OutcomeList from "../OutcomeList.js";
+describe('OutcomeList', function () {
+  function makeProps() {
+    var store = createMockStore();
+    return {
+      store: store,
+      artifactType: 'foo',
+      artifactId: '1',
+      host: 'http://foo.outcomes.foo',
+      jwt: 'secretfoo'
+    };
+  }
+
+  it('renders', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(OutcomeList, makeProps())));
+    expect(wrapper.find('OutcomeLabels')).to.have.length(1);
+  });
+  it('sets the scope', function () {
+    var props = makeProps();
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(OutcomeList, props)));
+    expect(wrapper.find('OutcomeLabels').prop('scope')).to.equal('foo:::1');
+  });
+});

package/es/translated/vi/containers/__tests__/OutcomeSDKComponent.test.js

@@ -0,0 +1,87 @@
+import { expect } from 'chai';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { mount } from 'enzyme';
+import createMockStore from "../../test/createMockStore.js";
+import OutcomeSDKComponent from "../OutcomeSDKComponent.js";
+import { getConfig } from "../../store/config/selectors.js";
+describe('OutcomeSDKComponent', function () {
+  var Inner = function Inner(props) {
+    return /*#__PURE__*/React.createElement("div", null);
+  };
+
+  var Wrapped = OutcomeSDKComponent(Inner, {
+    foo: PropTypes.string
+  });
+
+  function makeProps() {
+    var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    var store = createMockStore();
+    return Object.assign({
+      store: store,
+      artifactType: 'foo',
+      artifactId: '1',
+      host: 'http://foo.outcomes.foo',
+      jwt: 'secretfoo'
+    }, props);
+  }
+
+  it('requires sdk prop types', function () {
+    expect(Wrapped.propTypes.artifactType).to.equal(PropTypes.string.isRequired);
+    expect(Wrapped.propTypes.artifactId).to.equal(PropTypes.string.isRequired);
+    expect(Wrapped.propTypes.host).to.equal(PropTypes.string.isRequired);
+    expect(Wrapped.propTypes.jwt).to.equal(PropTypes.string.isRequired);
+  });
+  it('adds required prop types', function () {
+    expect(Wrapped.propTypes.foo).to.equal(PropTypes.string);
+  });
+  it('renders', function () {
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(Wrapped, makeProps())));
+    expect(wrapper.find(Inner)).to.have.length(1);
+  });
+  it('sets the scope', function () {
+    var props = makeProps();
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(Wrapped, props)));
+    expect(wrapper.find(Inner).prop('scope')).to.equal('foo:::1');
+  });
+  it('creates a user scope', function () {
+    var props = makeProps({
+      userUuid: 'myUserId'
+    });
+    var wrapper = mount( /*#__PURE__*/React.createElement("div", {
+      id: "app"
+    }, /*#__PURE__*/React.createElement(Wrapped, props)));
+    expect(wrapper.find(Inner).prop('scope')).to.equal('user::foo:1:myUserId');
+  });
+  it('uses the supplied store', function () {
+    var props = makeProps();
+    var wrapper = mount( /*#__PURE__*/React.createElement(Wrapped, props));
+    expect(wrapper.instance().store()).to.equal(props.store);
+  });
+  it('creates a default store', function () {
+    var props = makeProps({
+      store: null
+    });
+    var wrapper = mount( /*#__PURE__*/React.createElement(Wrapped, props));
+    expect(wrapper.instance().store()).not.to.be.null;
+  });
+  it('converts null context uuid to empty string property', function () {
+    var props = makeProps({
+      contextUuid: null
+    });
+    var wrapper = mount( /*#__PURE__*/React.createElement(Wrapped, props));
+    expect(wrapper.find(Inner).prop('contextUuid')).to.equal('');
+  });
+  it('converts null context uuid to empty store key', function () {
+    var props = makeProps({
+      store: null,
+      contextUuid: null
+    });
+    var wrapper = mount( /*#__PURE__*/React.createElement(Wrapped, props));
+    expect(getConfig(wrapper.instance().store().getState(), 'foo:::1').contextUuid).to.equal('');
+  });
+});