provide correct prop of correct type (#361)

provide correct prop (`contentLabel`) of correct type (`PropTypes.string`)
folio-org · Jun 13, 2019 · d24ee5d · d24ee5d
1 parent d2082e4
commit d24ee5d
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 19 deletions.
diff --git a/src/ViewRequest.js b/src/ViewRequest.js
@@ -14,7 +14,10 @@ import {
   FormattedTime,
 } from 'react-intl';
 
-import { TitleManager } from '@folio/stripes/core';
+import {
+  IntlConsumer,
+  TitleManager
+} from '@folio/stripes/core';
 import {
   Button,
   Accordion,
@@ -226,24 +229,29 @@ class ViewRequest extends React.Component {
 
     if (query.layer === 'edit') {
       return (
-        <Layer
-          isOpen
-          label={<FormattedMessage id="ui-requests.actions.editRequestLink" />}
-        >
-          <RequestForm
-            stripes={stripes}
-            initialValues={{ requestExpirationDate: null, ...request }}
-            request={request}
-            metadataDisplay={this.cViewMetaData}
-            onSubmit={(record) => { this.update(record); }}
-            onCancel={onCloseEdit}
-            onCancelRequest={this.cancelRequest}
-            optionLists={optionLists}
-            patronGroups={patronGroups}
-            query={this.props.query}
-            findResource={findResource}
-          />
-        </Layer>
+        <IntlConsumer>
+          {intl => (
+            <Layer
+              isOpen
+              contentLabel={intl.formatMessage({ id: 'ui-requests.actions.editRequestLink' })}
+            >
+              <RequestForm
+                stripes={stripes}
+                initialValues={{ requestExpirationDate: null, ...request }}
+                request={request}
+                metadataDisplay={this.cViewMetaData}
+                onSubmit={(record) => { this.update(record); }}
+                onCancel={onCloseEdit}
+                onCancelRequest={this.cancelRequest}
+                optionLists={optionLists}
+                patronGroups={patronGroups}
+                query={this.props.query}
+                findResource={findResource}
+              />
+            </Layer>
+          )
+        }
+        </IntlConsumer>
       );
     }
 

diff --git a/test/bigtest/interactors/edit-request.js b/test/bigtest/interactors/edit-request.js
@@ -3,6 +3,7 @@ import {
   clickable,
   fillable,
   selectable,
+  isPresent,
 } from '@bigtest/interactor';
 
 import CancelRequestDialog from './cancel-request-dialog';
@@ -23,6 +24,7 @@ import CancelRequestDialog from './cancel-request-dialog';
   chooseServicePoint = selectable('[name="pickupServicePointId"]');
   clickUpdate = clickable('#clickable-update-request');
   cancelRequestDialog = new CancelRequestDialog('[data-test-cancel-request-modal]');
+  isLayerPresent = isPresent('[class*=LayerRoot][role=dialog]');
 }
 
 export default new EditRequestsInteractor();
diff --git a/test/bigtest/tests/edit-request-test.js b/test/bigtest/tests/edit-request-test.js
@@ -17,6 +17,13 @@ describe('Edit Request page', () => {
     this.visit('/requests/view/requestId0?layer=edit');
   });
 
+  describe('Request edit layer', function () {
+    it('layer exists', function () {
+      expect(EditRequestInteractor.isLayerPresent).to.be.true;
+    });
+  });
+
+
   describe('clicking cancel editing button', function () {
     beforeEach(async () => {
       await EditRequestInteractor.headerDropdown.click();