refactor: rename occurrences of WordFreq to WordsFreq

static/index.js

@@ -122,7 +122,7 @@ const getWordsFrequency = async () => {
         setElementCssClass("waiting-for-be", "display-none")
         let freq = bodyResponseJson["words_frequency"]
         let nTotalRows = bodyResponseJson["n_total_rows"]
-        console.log(`getWordFreq::nTotalRows: '${nTotalRows}'`)
+        console.log(`getWordsFreq::nTotalRows: '${nTotalRows}'`)
         populateWordsFrequencyTables(freq, bodyResponseJson["n_total_rows"])
     } catch (err) {
         console.error("getWordsFrequency::err:", err, "#")
@@ -210,12 +210,12 @@ const populateWordsFrequencyTables = (wordsFrequencyObj, nTotalRows) => {
  * @param {object} wordsFrequency - A container element to hold all tables representing word frequencies.
  */
 const insertCurrentTable = (i, iReduced, nTotalRows, wordsFrequency) => {
-    let currentTableWordFreq = document.createElement("table")
-    currentTableWordFreq.setAttribute("class", "border-black")
-    currentTableWordFreq.setAttribute("id", `id-table-${i}-nth`)
-    currentTableWordFreq.setAttribute("aria-label", `id-table-${i}-nth`)
+    let currentTableWordsFreq = document.createElement("table")
+    currentTableWordsFreq.setAttribute("class", "border-black")
+    currentTableWordsFreq.setAttribute("id", `id-table-${i}-nth`)
+    currentTableWordsFreq.setAttribute("aria-label", `id-table-${i}-nth`)
 
-    let currentCaption = currentTableWordFreq.createCaption()
+    let currentCaption = currentTableWordsFreq.createCaption()
     currentCaption.setAttribute("aria-label", `id-table-${i}-caption`)
     currentCaption.innerText = `${iReduced["word_prefix"]}: ${iReduced["count"]} repetitions`
 
@@ -230,9 +230,9 @@ const insertCurrentTable = (i, iReduced, nTotalRows, wordsFrequency) => {
     for (let ii = 0; ii < offsetsArray.length; ii++) {
         insertCellIntoTRow(currentTBody, i, ii, offsetsArray[ii], nTotalRows)
     }
-    currentTableWordFreq.appendChild(currentTHead)
-    currentTableWordFreq.appendChild(currentTBody)
-    wordsFrequency.appendChild(currentTableWordFreq)
+    currentTableWordsFreq.appendChild(currentTHead)
+    currentTableWordsFreq.appendChild(currentTBody)
+    wordsFrequency.appendChild(currentTableWordsFreq)
 }
 
 /**

static/tests/test-words-frequency-1.spec.ts

@@ -3,16 +3,16 @@ import { test, expect } from '@playwright/test';
 import { fileReader, loopOverTablesAndClickOnUrls } from './test-helper'
 
 test(`test: words frequency (short text input)`, async ({ page }) => {
-  const wordFreqTable0AriaSnapshot1FilePath = `${import.meta.dirname}/test-words-frequency-1-table0-aria-snapshot.txt`
-  const wordFreqTable13AriaSnapshot1FilePath = `${import.meta.dirname}/test-words-frequency-1-table13-aria-snapshot.txt`
+  const WordsFreqTable0AriaSnapshot1FilePath = `${import.meta.dirname}/test-words-frequency-1-table0-aria-snapshot.txt`
+  const WordsFreqTable13AriaSnapshot1FilePath = `${import.meta.dirname}/test-words-frequency-1-table13-aria-snapshot.txt`
   await page.goto(process.env.DOMAIN_PORT ?? "/");
   console.log(page.url())
 
   await page.getByRole('button', { name: 'btn4-get-words-frequency' }).click();
   let table0 = page.getByRole('table', { name: 'id-table-0-nth' })
-  let dataTable0 = await fileReader(wordFreqTable0AriaSnapshot1FilePath)
+  let dataTable0 = await fileReader(WordsFreqTable0AriaSnapshot1FilePath)
   let table13 = page.getByRole('table', { name: 'id-table-13-nth' })
-  let dataTableLast = await fileReader(wordFreqTable13AriaSnapshot1FilePath)
+  let dataTableLast = await fileReader(WordsFreqTable13AriaSnapshot1FilePath)
   await expect(table0).toMatchAriaSnapshot(dataTable0)
   await expect(table13).toMatchAriaSnapshot(dataTableLast)