@transferwise/components 0.0.0-experimental-2d4d50d → 0.0.0-experimental-6dfede3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "0.0.0-experimental-2d4d50d",
+  "version": "0.0.0-experimental-6dfede3",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/dateLookup/dateTrigger/DateTrigger.js

@@ -62,7 +62,7 @@ const DateTrigger = ({
           <span className="input-group-addon">
             <CloseButton
               className={`clear-btn clear-btn--${size}`}
-              aria-label={formatMessage(messages.ariaLabel)}
+              aria-label={`${formatMessage(messages.ariaLabel)} ${label}`}
               size={Size.SMALL}
               onClick={(event) => {
                 event.stopPropagation();

package/src/dateLookup/dateTrigger/DateTrigger.spec.js

@@ -6,10 +6,12 @@ import { fakeKeyDownEventForKey } from '../../common/fakeEvents';
 
 import DateTrigger from '.';
 
-const defaultLocale = 'en-GB';
+const locale = 'en-GB';
+const formatMessage = (message) => message.id;
+
 jest.mock('react-intl', () => ({
-  useIntl: () => ({ locale: defaultLocale, formatMessage: (id) => `${id}` }),
-  defineMessages: (translations) => translations,
+  ...jest.requireActual('react-intl'),
+  useIntl: jest.fn(() => ({ locale, formatMessage })),
 }));
 
 jest.mock('@transferwise/formatting', () => ({
@@ -73,6 +75,12 @@ describe('DateTrigger', () => {
     expect(label().text()).toBe('hello');
   });
 
+  it('adds label to clear button aria-label', () => {
+    const onClear = jest.fn();
+    component.setProps({ label: 'hello', onClear });
+    expect(clearButton().prop('aria-label')).toBe('neptune.ClearButton.ariaLabel hello');
+  });
+
   it('calls on click handler on button click', () => {
     button().simulate('click');
     expect(props.onClick).toHaveBeenCalledTimes(1);