Fix: Enhance autocomplete search for special characters (accents)

spec/util/autoComplete-spec.js

@@ -0,0 +1,56 @@
+const { normalizeText } = require('../../src/util/textNormalizer')
+
+describe('autoComplete', () => {
+  describe('normalizeText', () => {
+    it('should convert text to lowercase', () => {
+      expect(normalizeText('HELLO WORLD')).toBe('hello world')
+      expect(normalizeText('Test Case')).toBe('test case')
+    })
+
+    it('should remove Portuguese accents', () => {
+      expect(normalizeText('Autorização')).toBe('autorizacao')
+      expect(normalizeText('Experiência')).toBe('experiencia')
+      expect(normalizeText('ação')).toBe('acao')
+      expect(normalizeText('coração')).toBe('coracao')
+    })
+
+    it('should remove Spanish accents', () => {
+      expect(normalizeText('señor')).toBe('senor')
+      expect(normalizeText('niño')).toBe('nino')
+      expect(normalizeText('mañana')).toBe('manana')
+    })
+
+    it('should remove French accents', () => {
+      expect(normalizeText('café')).toBe('cafe')
+      expect(normalizeText('résumé')).toBe('resume')
+      expect(normalizeText('naïve')).toBe('naive')
+      expect(normalizeText('façade')).toBe('facade')
+    })
+
+    it('should remove German umlauts', () => {
+      expect(normalizeText('über')).toBe('uber')
+      expect(normalizeText('Mädchen')).toBe('madchen')
+      expect(normalizeText('schön')).toBe('schon')
+    })
+
+    it('should handle mixed accented and non-accented text', () => {
+      expect(normalizeText('Continuous Delivery práticas')).toBe('continuous delivery praticas')
+      expect(normalizeText('Test Automation técnicas')).toBe('test automation tecnicas')
+    })
+
+    it('should preserve text without accents', () => {
+      expect(normalizeText('hello world')).toBe('hello world')
+      expect(normalizeText('Kubernetes')).toBe('kubernetes')
+      expect(normalizeText('React.js')).toBe('react.js')
+    })
+
+    it('should handle empty string', () => {
+      expect(normalizeText('')).toBe('')
+    })
+
+    it('should handle numbers and special characters', () => {
+      expect(normalizeText('Test123!')).toBe('test123!')
+      expect(normalizeText('hello@world.com')).toBe('hello@world.com')
+    })
+  })
+})

src/util/autoComplete.js

@@ -2,6 +2,7 @@ const $ = require('jquery')
 require('jquery-ui/ui/widgets/autocomplete')
 
 const config = require('../config')
+const { normalizeText } = require('./textNormalizer')
 const featureToggles = config().featureToggles
 
 $.widget('custom.radarcomplete', $.ui.autocomplete, {
@@ -36,8 +37,8 @@ const AutoComplete = (el, quadrants, cb) => {
       appendTo: '.search-container',
       source: (request, response) => {
         const matches = blips.filter(({ blip }) => {
-          const searchable = `${blip.name()} ${blip.description()}`.toLowerCase()
-          return request.term.split(' ').every((term) => searchable.includes(term.toLowerCase()))
+          const searchable = normalizeText(`${blip.name()} ${blip.description()}`)
+          return request.term.split(' ').every((term) => searchable.includes(normalizeText(term)))
         })
         response(matches.map((item) => ({ ...item, value: item.blip.name() })))
       },
@@ -47,8 +48,8 @@ const AutoComplete = (el, quadrants, cb) => {
     $(el).radarcomplete({
       source: (request, response) => {
         const matches = blips.filter(({ blip }) => {
-          const searchable = `${blip.name()} ${blip.description()}`.toLowerCase()
-          return request.term.split(' ').every((term) => searchable.includes(term.toLowerCase()))
+          const searchable = normalizeText(`${blip.name()} ${blip.description()}`)
+          return request.term.split(' ').every((term) => searchable.includes(normalizeText(term)))
         })
         response(matches.map((item) => ({ ...item, value: item.blip.name() })))
       },

src/util/textNormalizer.js

@@ -0,0 +1,16 @@
+/**
+ * Normalize text by removing diacritical marks for accent-insensitive search
+ * This allows searching for "Autorizacao" to match "Autorização" (Portuguese)
+ * or "Experiencia" to match "Experiência"
+ *
+ * @param {string} text - The text to normalize
+ * @returns {string} - Lowercase text with diacritical marks removed
+ */
+const normalizeText = (text) => {
+  return text
+    .toLowerCase()
+    .normalize('NFD')
+    .replace(/[\u0300-\u036f]/g, '')
+}
+
+module.exports = { normalizeText }