@ukhomeoffice/cop-react-form-renderer 4.11.0 → 4.11.1

package/dist/components/TaskList/TaskList.js

@@ -67,7 +67,7 @@ var TaskList = function TaskList(_ref) {
 
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, attrs, {
     className: classes()
-  }), refNumber && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
+  }), refNumber && refTitle && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", {
     className: "govuk-body govuk-!-margin-bottom-0"
   }, /*#__PURE__*/_react.default.createElement("strong", {
     className: "tasklist-summary"
@@ -97,8 +97,8 @@ var TaskList = function TaskList(_ref) {
 };
 
 TaskList.propTypes = {
-  refNumber: _propTypes.default.string,
   refTitle: _propTypes.default.string,
+  refNumber: _propTypes.default.string,
   sections: _propTypes.default.arrayOf(_propTypes.default.shape({
     name: _propTypes.default.string.isRequired,
     tasks: _propTypes.default.arrayOf(_propTypes.default.shape({

package/dist/components/TaskList/TaskList.test.js

@@ -163,6 +163,53 @@ describe('components', function () {
       expect(subSectionOne.childNodes[0].textContent).toEqual('');
       expect(subSectionOne.childNodes[1].textContent).toEqual('These are your tasks');
     });
+    it('should not display the reference if there is no reference title', function () {
+      var COP_REF = '123';
+      var sections = [{
+        name: 'These are your tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageOne']
+        }, {
+          name: 'Ok task',
+          state: 'inProgress',
+          pages: ['pageTwo']
+        }, {
+          name: 'Terrible task',
+          state: 'notStarted',
+          pages: ['pageThree']
+        }]
+      }, {
+        name: 'These are your extra bonus tasks',
+        tasks: [{
+          name: 'Nice task',
+          state: 'complete',
+          pages: ['pageFour']
+        }, {
+          name: 'Ok task',
+          state: 'cannotStartYet',
+          pages: ['pageFive']
+        }, {
+          name: 'Terrible task',
+          state: 'cannotStartYet',
+          pages: ['pageSix']
+        }]
+      }];
+
+      var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+        refNumber: COP_REF,
+        sections: sections
+      })),
+          container = _render4.container;
+
+      expect(container.childNodes.length).toEqual(1);
+      expect(container.childNodes[0].childNodes.length).toEqual(6); // The first child is now the incomplete text.
+
+      var incompleteForm = container.childNodes[0].childNodes[0];
+      expect(incompleteForm.tagName).toEqual('P');
+      expect(incompleteForm.textContent).toEqual('Incomplete form');
+    });
   });
   it('should pass the the selected task to the given onTaskAction function', function () {
     var COP_REF = '123';
@@ -190,13 +237,13 @@ describe('components', function () {
       }]
     }];
 
-    var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
+    var _render5 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TaskList.default, {
       refNumber: COP_REF,
       refTitle: REF_TITLE,
       sections: sections,
       onTaskAction: ON_CLICK
     })),
-        container = _render4.container;
+        container = _render5.container;
 
     var firstTask = container.childNodes[0].childNodes[5].childNodes[0].childNodes[0].childNodes[0];
     var secondTask = container.childNodes[0].childNodes[5].childNodes[1].childNodes[0].childNodes[0];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ukhomeoffice/cop-react-form-renderer",
-  "version": "4.11.0",
+  "version": "4.11.1",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",