MM-12838: Make hashtag highlighting case insensitive. (#1982)

tests/utils/text_formatting.test.jsx

@@ -0,0 +1,27 @@
+// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
+// See LICENSE.txt for license information.
+
+import {highlightSearchTerms} from 'utils/text_formatting.jsx';
+
+describe('highlightSearchTerms', () => {
+ test('hashtags should highlight case-insensitively', () => {
+ const text = '$MM_HASHTAG0$';
+ const tokens = new Map(
+ [['$MM_HASHTAG0$', {
+ hashtag: 'Test',
+ originalText: '#Test',
+ value: '<a class="mention-link" href="#" data-hashtag="#Test">#Test</a>',
+ }]],
+ );
+ const searchPatterns = [
+ {
+ pattern: /(\W|^)(#test)\b/gi,
+ term: '#test',
+ },
+ ];
+
+ const output = highlightSearchTerms(text, tokens, searchPatterns);
+ expect(output).toBe('$MM_SEARCHTERM1$');
+ expect(tokens.get('$MM_SEARCHTERM1$').value).toBe('<span class="search-highlight">$MM_HASHTAG0$</span>');
+ });
+});

utils/text_formatting.jsx

@@ -501,7 +501,7 @@ export function highlightSearchTerms(text, tokens, searchPatterns) {
  term = term.substr(1);
  }
 
- if (alias.startsWith('$MM_HASHTAG') && alias.endsWith('$') && originalText !== term) {
+ if (alias.startsWith('$MM_HASHTAG') && alias.endsWith('$') && originalText.toLowerCase() !== term.toLowerCase()) {
  continue;
  }