fix: add comma and period to specials funbox (monkeytypegame#6870) (@radouane-tamouss) (monkeytypegame#6887)

fix: add comma and period to specials funbox (monkeytypegame#6870) (@radouane-tamouss)

- Add missing ',' and '.' characters to specials array in getSpecials()
- Add comprehensive tests for getSpecials() function
- Fixes issue where comma and period never appeared in specials funbox

Closes monkeytypegame#6870

### Description

This PR fixes issue monkeytypegame#6870 where the "specials" funbox was missing comma
(,) and period (.) characters. Users reported that these common
punctuation marks never appeared when using the specials funbox, making
it impossible to practice typing them in that mode.

**Changes made:**
1. Added ',' and '.' to the `specials` array in the `getSpecials()`
function
2. Added comprehensive unit tests to verify the fix works correctly and
prevent future regressions
3. Tests ensure all special characters (including comma and period) can
be generated

**Testing:**
- Added unit tests that specifically verify comma and period are
included
- Tests run multiple iterations to account for randomness in character
generation
- Verified all existing functionality remains unchanged

### Checks
- [x] Check if any open issues are related to this PR; if so, be sure to
tag them below.
- [x] Make sure the PR title follows the Conventional Commits standard.
(https://www.conventionalcommits.org for more info)
- [x] Make sure to include your GitHub username prefixed with @ inside
parentheses at the end of the PR title.

Closes monkeytypegame#6870

Author: radouane-tamouss

frontend/__tests__/utils/generate.spec.ts

@@ -14,3 +14,31 @@ describe("hexadecimal", () => {
     expect(hex).toMatch(/^[0-9a-f]+$/);
   });
 });
+
+describe("specials", () => {
+  it("should generate valid special character strings", () => {
+    let foundComma = false;
+    let foundPeriod = false;
+    const expectedSpecials = generate.__testing.specials;
+
+    // Generate 1000 special "words" and check each
+    for (let i = 0; i < 1000; i++) {
+      const specials = generate.getSpecials();
+
+      // Check min/max length (1-7 as per implementation)
+      expect(specials.length).toBeGreaterThanOrEqual(1);
+      expect(specials.length).toBeLessThanOrEqual(7);
+
+      // Check that every character is from the expected specials array
+      for (const char of specials) {
+        expect(expectedSpecials).toContain(char);
+        if (char === ",") foundComma = true;
+        if (char === ".") foundPeriod = true;
+      }
+    }
+
+    // Ensure comma and period were found during the test
+    expect(foundComma).toBe(true);
+    expect(foundPeriod).toBe(true);
+  });
+});

frontend/src/ts/utils/generate.ts

@@ -128,41 +128,44 @@ export function getASCII(): string {
  * Generates a random string of special characters.
  * @returns The generated string of special characters.
  */
+const specials = [
+  "`",
+  "~",
+  "!",
+  "@",
+  "#",
+  "$",
+  "%",
+  "^",
+  "&",
+  "*",
+  "(",
+  ")",
+  "-",
+  "_",
+  "=",
+  "+",
+  "{",
+  "}",
+  "[",
+  "]",
+  "'",
+  '"',
+  "/",
+  "\\",
+  "|",
+  "?",
+  ";",
+  ":",
+  ">",
+  "<",
+  ",",
+  ".",
+];
+
 export function getSpecials(): string {
   const randLen = randomIntFromRange(1, 7);
   let ret = "";
-  const specials = [
-    "`",
-    "~",
-    "!",
-    "@",
-    "#",
-    "$",
-    "%",
-    "^",
-    "&",
-    "*",
-    "(",
-    ")",
-    "-",
-    "_",
-    "=",
-    "+",
-    "{",
-    "}",
-    "[",
-    "]",
-    "'",
-    '"',
-    "/",
-    "\\",
-    "|",
-    "?",
-    ";",
-    ":",
-    ">",
-    "<",
-  ];
   for (let i = 0; i < randLen; i++) {
     ret += Arrays.randomElementFromArray(specials);
   }
@@ -188,3 +191,7 @@ export function getNumbers(len: number): string {
   }
   return ret;
 }
+
+export const __testing = {
+  specials,
+};