diff --git a/packages/terra-tag/src/RollupTag.jsx b/packages/terra-tag/src/RollupTag.jsx index 41c5c714fd0..8b173f1c5f9 100644 --- a/packages/terra-tag/src/RollupTag.jsx +++ b/packages/terra-tag/src/RollupTag.jsx @@ -1,9 +1,5 @@ -import React, { -useRef, -} from 'react'; -import { - KEY_SPACE, KEY_RETURN, -} from 'keycode-js'; +import React, { useRef } from 'react'; +import { KEY_SPACE, KEY_RETURN } from 'keycode-js'; import { injectIntl } from 'react-intl'; import classNamesBind from 'classnames/bind'; import PropTypes from 'prop-types'; diff --git a/packages/terra-tag/src/TagList.jsx b/packages/terra-tag/src/TagList.jsx index f8b202fa6a2..55514b6a4dd 100644 --- a/packages/terra-tag/src/TagList.jsx +++ b/packages/terra-tag/src/TagList.jsx @@ -288,12 +288,11 @@ const TagList = (props) => { customProps.className, ); - const navigationHint = intl.formatMessage({ id: 'Terra.tags.tagList.navigation.hint' }) - tagGroupInteractionHint = `${tagGroupInteractionHint} ${navigationHint}` - const tagGroupInteractionHintID = `terra-tags-group-interaction-hint-${uuidv4()}`; const tagGroupAriaDescribedBy = ariaDescribedBy ? `${ariaDescribedBy} ${tagGroupInteractionHintID}` : tagGroupInteractionHintID; let tagGroupInteractionHint = intl.formatMessage({ id: 'Terra.tags.hint.tagList' }, { numberOfTags: React.Children.count(children) }); + const navigationHint = intl.formatMessage({ id: 'Terra.tags.tagList.navigation.hint' }); + tagGroupInteractionHint = `${tagGroupInteractionHint} ${navigationHint}`; if (isCollapsible && (rollUpCount > 0) && isCollapsed) { tagGroupInteractionHint += `, ${intl.formatMessage({ id: 'Terra.tags.hint.rollupNotVisible' }, { tagsNotVisibleCount: rollUpCount })}`; } diff --git a/packages/terra-tag/tests/jest/RollUpTag.test.jsx b/packages/terra-tag/tests/jest/RollUpTag.test.jsx index cdcf552e643..2c40331e545 100644 --- a/packages/terra-tag/tests/jest/RollUpTag.test.jsx +++ b/packages/terra-tag/tests/jest/RollUpTag.test.jsx @@ -1,7 +1,7 @@ import React from 'react'; // eslint-disable-next-line import/no-extraneous-dependencies import { mountWithIntl } from 'terra-enzyme-intl'; -import {v4 as uuidv4} from 'uuid'; +import { v4 as uuidv4 } from 'uuid'; import RollupTag from '../../src/RollupTag'; describe('Rollup Tag', () => { @@ -28,4 +28,4 @@ describe('Rollup Tag', () => { const wrapper = mountWithIntl(); expect(wrapper).toMatchSnapshot(); }); -}); \ No newline at end of file +}); diff --git a/packages/terra-tag/tests/jest/TagList.test.jsx b/packages/terra-tag/tests/jest/TagList.test.jsx new file mode 100644 index 00000000000..d02b9f24dc4 --- /dev/null +++ b/packages/terra-tag/tests/jest/TagList.test.jsx @@ -0,0 +1,15 @@ +import React from 'react'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { shallowWithIntl } from 'terra-enzyme-intl'; +import TagList from '../../src/TagList'; + +describe('TagList Component', () => { + + it('should render tagList with 2 items"', () => { + const wrapper = shallowWithIntl( +
Tag 1
+
Tag 2
+
); + expect(wrapper).toMatchSnapshot(); + }); +}); diff --git a/packages/terra-tag/tests/jest/__snapshots__/RollUpTag.test.jsx.snap b/packages/terra-tag/tests/jest/__snapshots__/RollUpTag.test.jsx.snap index ca306b1fdb4..5ca43f07cc2 100644 --- a/packages/terra-tag/tests/jest/__snapshots__/RollUpTag.test.jsx.snap +++ b/packages/terra-tag/tests/jest/__snapshots__/RollUpTag.test.jsx.snap @@ -68,11 +68,11 @@ exports[`Rollup Tag should render rollup tag with the label "4 more" 1`] = ` role="button" >