Add tests

components/tag-list/tag-list-item-mixin.js

@@ -219,7 +219,7 @@ export const TagListItemMixin = superclass => class extends LocalizeCoreElement(
 	}
 
 	_renderTag(tagContent, options = {}) {
-		this._displayText = options.displayText || tagContent?.constructor === String ? tagContent : '';
+		this._displayText = options.displayText || (tagContent?.constructor === String ? tagContent : '');
 
 		const buttonText = this.localize('components.tag-list.clear', { value: this._displayText });
 

components/tag-list/test/tag-list.test.js

@@ -91,6 +91,24 @@ describe('d2l-tag-list-item', () => {
 		});
 	});
 
+	describe('display text', () => {
+		it('should default to tagContent', async() => {
+			const elem = await fixture(basicFixture);
+			await waitUntil(() => elem._items, 'List items did not become ready');
+
+			const child = elem.children[1];
+			expect(child._displayText).to.be.equal('Another Tag');
+		});
+
+		it('should be set when provided', async() => {
+			const elem = await fixture(basicFixture);
+			await waitUntil(() => elem._items, 'List items did not become ready');
+
+			const child = elem.children[3];
+			expect(child._displayText).to.be.equal('Tag');
+		});
+	});
+
 	describe('clearable items', () => {
 		it('should dispatch expected event when clicked', async() => {
 			const elem = await fixture(clearableFixture);