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"
>