refactor-replace-with-replaceAll (#2526)

* refactor-replace-with-replaceAll

* Update global regex for replaceAll()

---------

Co-authored-by: Kate <[email protected]>

Author: kart-u

frontend/__tests__/unit/components/AnchorTitle.test.tsx

@@ -11,9 +11,9 @@ jest.mock('utils/slugify', () => ({
   default: jest.fn((str: string) =>
     str
       .toLowerCase()
-      .replace(/[^a-z0-9]/g, '-')
-      .replace(/-{2,10}/g, '-')
-      .replace(/(^-{1,10}|-{1,10}$)/g, '')
+      .replaceAll(/[^a-z0-9]/g, '-')
+      .replaceAll(/-{2,10}/g, '-')
+      .replaceAll(/(^-{1,10}|-{1,10}$)/g, '')
   ),
 }))
 
@@ -652,9 +652,9 @@ describe('AnchorTitle Component', () => {
       mockFn.mockImplementation((str: string) =>
         str
           .toLowerCase()
-          .replace(/[^a-z0-9]/g, '-')
-          .replace(/-{2,10}/g, '-')
-          .replace(/(^-{1,10}|-{1,10}$)/g, '')
+          .replaceAll(/[^a-z0-9]/g, '-')
+          .replaceAll(/-{2,10}/g, '-')
+          .replaceAll(/(^-{1,10}|-{1,10}$)/g, '')
       )
 
       const mockScrollTo = jest.spyOn(globalThis, 'scrollTo').mockImplementation()

frontend/__tests__/unit/components/MarkdownWrapper.test.tsx

@@ -11,8 +11,8 @@ jest.mock('markdown-it/index.mjs', () => {
     render: (content: string) => {
       // Very simple mock: replace **bold** and [link](url)
       return content
-        .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
-        .replace(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>')
+        .replaceAll(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+        .replaceAll(/\[(.*?)\]\((.*?)\)/g, '<a href="$2">$1</a>')
     },
     use: jest.fn().mockReturnThis(),
   }))

frontend/__tests__/unit/pages/UserDetails.test.tsx

@@ -41,7 +41,7 @@ jest.mock('components/Badges', () => {
     showTooltip?: boolean
   }) => (
     <div
-      data-testid={`badge-${name.toLowerCase().replace(/\s+/g, '-')}`}
+      data-testid={`badge-${name.toLowerCase().replaceAll(/\s+/g, '-')}`}
       data-css-class={cssClass}
       data-show-tooltip={showTooltip}
     >

frontend/src/app/board/[year]/candidates/page.tsx

@@ -189,7 +189,7 @@ const BoardCandidatesPage = () => {
 
     const handleCardClick = () => {
       // Convert name to slug format.
-      const nameSlug = candidate.memberName.toLowerCase().replace(/\s+/g, '_')
+      const nameSlug = candidate.memberName.toLowerCase().replaceAll(/\s+/g, '_')
       const candidateUrl = `https://owasp.org/www-board-candidates/${year}/${nameSlug}.html`
       window.open(candidateUrl, '_blank', 'noopener,noreferrer')
     }
@@ -295,7 +295,7 @@ const BoardCandidatesPage = () => {
               }
               className="text-gray-700 dark:text-gray-300"
             >
-              {candidate.member.bio.replace(/\n+/g, ' ').replace(/\s+/g, ' ').trim()}
+              {candidate.member.bio.replaceAll(/\n+/g, ' ').replaceAll(/\s+/g, ' ').trim()}
             </div>
           )}
         </div>

frontend/src/components/Badges.tsx

@@ -16,7 +16,7 @@ const normalizeCssClass = (cssClass: string | undefined) => {
   }
 
   // Convert backend snake_case format to frontend camelCase format
-  return cssClass.trim().replace(/_([a-z])/g, (_, letter) => letter.toUpperCase())
+  return cssClass.trim().replaceAll(/_([a-z])/g, (_, letter) => letter.toUpperCase())
 }
 
 const resolveIcon = (cssClass: string | undefined) => {

frontend/src/components/BreadCrumbs.tsx

@@ -43,7 +43,7 @@ export default function BreadCrumbs() {
 
           {segments.map((segment, index) => {
             const href = homeRoute + segments.slice(0, index + 1).join(homeRoute)
-            const label = upperFirst(segment).replace(/-/g, ' ')
+            const label = upperFirst(segment).replaceAll('-', ' ')
             const isLast = index === segments.length - 1
 
             return (

frontend/src/utils/slugify.ts

@@ -1,8 +1,8 @@
 export default function slugify(text: string): string {
   return text
     .normalize('NFKD') // Normalize accented characters
-    .replace(/[\u0300-\u036F]/g, '') // Remove diacritics
-    .replace(/[^a-zA-Z0-9]+/g, '-') // Replace non-alphanumeric with hyphens
+    .replaceAll(/[\u0300-\u036F]/g, '') // Remove diacritics
+    .replaceAll(/[^a-zA-Z0-9]+/g, '-') // Replace non-alphanumeric with hyphens
     .replace(/^[-]+/, '') // Trim leading hyphens
     .replace(/[-]+$/, '') // Trim trailing hyphens
     .toLowerCase()