test: update test case for th4esaurus custom form entries

static/tests/test-classic-4-lite.koboldai.net.spec.ts

@@ -0,0 +1,119 @@
+import { test, expect, WorkerInfo, Page } from '@playwright/test';
+import {
+    deleteCustomSynonym,
+    ensureThesaurusPanelClosed,
+    ensureThesaurusPanelOpen,
+    fillInputFieldWithString,
+    initTest
+} from './test-helper';
+
+const testStoryJsonTxt = `${import.meta.dirname}/../../tests/events/very_long_text.json`
+
+let page: Page;
+let projectNameGlobal = {
+  projectName: ""
+}
+
+test.beforeAll(async ({ browser }, workerInfo) => {
+  page = await browser.newPage();
+  projectNameGlobal.projectName = await initTest({page, workerInfo, filepath:testStoryJsonTxt})
+});
+
+test.afterAll(async () => {
+  await page.close();
+});
+test(`test My Ghost Writer: backend request - word with no synonyms, then add a custom entries`, async () => {
+    console.log("process.env.DOMAIN_PORT:", process.env.DOMAIN_PORT, "#")
+    const thesaurusDomain = `${process.env.DOMAIN_PORT}` ?? "http://localhost:7860"
+    console.log("thesaurusDomain:", thesaurusDomain, "#")
+    const projectName = projectNameGlobal.projectName;
+    console.log("projectNameGlobal.projectName:", projectName, projectNameGlobal.projectName, "#")
+    const word = "happy"
+    const state = "editable"
+    // search the word 'happy'
+    await fillInputFieldWithString(page, word);
+    await page.getByRole('checkbox', { name: 'Allow Editing' }).check();
+    await page.waitForTimeout(200)
+
+    await ensureThesaurusPanelClosed(page);
+      // open the thesaurus result right panel: the word 'happy', for start, doesn't find any synonyms
+    await page.getByRole('link', { name: 'id-a-candidate-0-nth' }).click();
+    await page.getByRole('link', { name: 'id-0-range-0-nth' }).click();
+    await page.waitForTimeout(200)
+
+    await ensureThesaurusPanelOpen(page);
+    // assert that the title of the thesaurus right panel is what we expect
+    await expect(page.getByLabel('id-content-inflated-synonyms-')).toContainText('Original phrase: happy');
+    await expect(page.getByRole("heading", {name: "id-content-inflated-synonyms-container-h1-original-phrase"})).toContainText('Original phrase: '+word);
+    // assert that the content of page is what we expect
+    await expect(page.locator('#id-rightpanel-thesaurus-content-parent')).toMatchAriaSnapshot({ name: `test-classic-4-0-wordsearch_results-0-${projectName}-${state}.txt` });
+    // open the thesaurus custom form using the internal button
+    await page.getByRole('button', { name: 'thesaurus-custom-button-internal0' }).click();
+    // try to submit immediately, we'll get an error because we didn't filled the forms
+    console.log("#")
+    await page.getByRole('button', { name: 'thesaurus-custom-submit' }).click();
+    page.once('dialog', dialog1 => {
+      const msg1 = dialog1.message()
+      // expect(msg1).toContain("Please enter a word.")
+      console.error(`Dialog message: '${msg1}'`); // Dialog message: Please enter a word.
+      dialog1.dismiss().catch(() => {});
+    });
+    await page.waitForTimeout(200)
+
+    await page.getByRole('button', { name: 'thesaurus-custom-cancel' }).click(); // close the thesaurus custom form
+    await page.getByRole('button', { name: 'id-rightpanel-thesaurus-close' }).click(); // close the thesaurus result right panel
+    await page.waitForTimeout(200)
+    // re-open the thesaurus custom form, from the external button this time
+    await page.getByRole('button', { name: 'thesaurus-custom-button-' }).click();
+    await page.waitForTimeout(200)
+    // compile the forms for the submission of the 'happy' synonyms
+    await page.getByRole('textbox', { name: 'thesaurus-custom-word' }).click();
+    await page.getByRole('textbox', { name: 'thesaurus-custom-word' }).fill('happy');
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-words-0nth' }).click();
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-words-0nth' }).fill('cheerful,joy');
+    await page.getByRole('button', { name: 'thesaurus-custom-related-btn-' }).click();
+    await page.getByLabel('thesaurus-custom-related-type-1nth').selectOption('antonym');
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-words-1nth' }).click();
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-words-1nth' }).fill('sad,sadness');
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-definition-1nth' }).click();
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-definition-1nth' }).fill('I\'m a sad person');
+    await page.getByRole('button', { name: 'thesaurus-custom-related-btn-add-0nth' }).click();
+    await page.getByRole('button', { name: 'thesaurus-custom-related-btn-del-2nth' }).click(); // delete an entry
+    await expect(page.getByLabel('thesaurus-custom-form-content')).toMatchAriaSnapshot({ name: `test-classic-4-0-wordsearch_results-1-${projectName}-${state}.txt` });
+    await page.getByRole('button', { name: 'thesaurus-custom-related-btn-add-0nth' }).click();
+    await expect(page.getByLabel('thesaurus-custom-form-content')).toMatchAriaSnapshot({ name: `test-classic-4-0-wordsearch_results-2-${projectName}-${state}.txt` });
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-words-2nth' }).click();
+    await page.getByRole('textbox', { name: 'thesaurus-custom-related-words-2nth' }).fill('joyful,happyness,content');
+    // handle second dialog message
+    page.once('dialog', dialog2 => {
+      const msg2 = dialog2.message()
+      // expect(msg2).toContain("Thesaurus entry added successfully!")
+      console.error(`Dialog message: '${msg2}'`); // Dialog message: Thesaurus entry added successfully!
+      dialog2.dismiss().catch(() => {});
+    });
+    await page.waitForTimeout(200)
+
+    // submit the form content
+    await page.getByRole('button', { name: 'thesaurus-custom-submit' }).click();
+    await page.waitForTimeout(200)
+
+    await ensureThesaurusPanelClosed(page);
+    // re-open the right panel with the thesaurus results for 'happy': this time we'll find the synonynms we submitted before (WIP: only the first group right now)
+    await page.getByRole('link', { name: 'id-a-candidate-0-nth' }).click();
+    await page.getByRole('link', { name: 'id-0-range-0-nth' }).click();
+    await page.waitForTimeout(200)
+    await ensureThesaurusPanelOpen(page);
+    
+    await expect(page.getByLabel('definition-div-0-')).toBeVisible();
+    await expect(page.getByLabel('content-inflated-synonyms-0nth')).toMatchAriaSnapshot({ name: `test-classic-4-0-wordsearch_results-3-${projectName}-${state}.txt` });
+    await page.getByRole('button', { name: 'id-rightpanel-thesaurus-close' }).click();
+    await page.waitForTimeout(200)
+    await ensureThesaurusPanelClosed(page);
+    
+    // delete the synonyms group(s) for 'happy' to ensure we can repeat this test
+    const responseData = await deleteCustomSynonym(word)
+    const {message} = responseData;
+    expect(message).toContain(`Synonyms for '${word}' deleted successfully`)
+
+  await page.close()
+})

static/tests/test-classic-4-lite.koboldai.net.spec.ts-snapshots/test-classic-4-0-wordsearch-results-0-chromium-editable.txt

@@ -0,0 +1,5 @@
+- button "id-rightpanel-thesaurus-close"
+- searchbox "synonym mod Input"
+- button "thesaurus-synonym-mod-confirm-button"
+- button "thesaurus-custom-button-internal0"
+- heading "id-content-inflated-synonyms-container-h1-original-phrase" [level=1]

static/tests/test-classic-4-lite.koboldai.net.spec.ts-snapshots/test-classic-4-0-wordsearch-results-1-chromium-editable.txt

@@ -0,0 +1,24 @@
+- heading "Add Custom Thesaurus Entry" [level=3]
+- textbox "thesaurus-custom-word"
+- button "thesaurus-custom-related-btn-add-0nth"
+- text: "Relationship:"
+- combobox "thesaurus-custom-related-type-0nth":
+  - option "Synonym" [selected]
+  - option "Antonym"
+  - option "Homonym"
+  - option "Homophone"
+  - option "Homograph"
+- textbox "thesaurus-custom-related-words-0nth"
+- textbox "thesaurus-custom-related-definition-0nth"
+- button "thesaurus-custom-related-btn-del-1nth"
+- text: "Relationship:"
+- combobox "thesaurus-custom-related-type-1nth":
+  - option "Synonym"
+  - option "Antonym" [selected]
+  - option "Homonym"
+  - option "Homophone"
+  - option "Homograph"
+- textbox "thesaurus-custom-related-words-1nth"
+- textbox "thesaurus-custom-related-definition-1nth"
+- button "thesaurus-custom-submit"
+- button "thesaurus-custom-cancel"

static/tests/test-classic-4-lite.koboldai.net.spec.ts-snapshots/test-classic-4-0-wordsearch-results-2-chromium-editable.txt

@@ -0,0 +1,34 @@
+- heading "Add Custom Thesaurus Entry" [level=3]
+- textbox "thesaurus-custom-word"
+- button "thesaurus-custom-related-btn-add-0nth"
+- text: "Relationship:"
+- combobox "thesaurus-custom-related-type-0nth":
+  - option "Synonym" [selected]
+  - option "Antonym"
+  - option "Homonym"
+  - option "Homophone"
+  - option "Homograph"
+- textbox "thesaurus-custom-related-words-0nth"
+- textbox "thesaurus-custom-related-definition-0nth"
+- button "thesaurus-custom-related-btn-del-1nth"
+- text: "Relationship:"
+- combobox "thesaurus-custom-related-type-1nth":
+  - option "Synonym"
+  - option "Antonym" [selected]
+  - option "Homonym"
+  - option "Homophone"
+  - option "Homograph"
+- textbox "thesaurus-custom-related-words-1nth"
+- textbox "thesaurus-custom-related-definition-1nth"
+- button "thesaurus-custom-related-btn-del-2nth"
+- text: "Relationship:"
+- combobox "thesaurus-custom-related-type-2nth":
+  - option "Synonym" [selected]
+  - option "Antonym"
+  - option "Homonym"
+  - option "Homophone"
+  - option "Homograph"
+- textbox "thesaurus-custom-related-words-2nth"
+- textbox "thesaurus-custom-related-definition-2nth"
+- button "thesaurus-custom-submit"
+- button "thesaurus-custom-cancel"

static/tests/test-classic-4-lite.koboldai.net.spec.ts-snapshots/test-classic-4-0-wordsearch-results-3-chromium-editable.txt

@@ -0,0 +1,20 @@
+- heading "Smart Synonyms for thesaurus-original-word-span-0nth" [level=2]
+- paragraph:
+  - strong: "Part of Speech:"
+  - text: ADJ (JJ)
+- paragraph:
+  - strong: "Context:"
+  - text: Even Muggles like yourself should be celebrating, this happy, happy day!"
+- paragraph:
+  - strong: "Dependency:"
+  - text: amod
+- separator
+- strong: "Definition:"
+- text: User-defined synonym.
+- strong: "WordNet POS:"
+- text: ADJ
+- heading "synonyms-title-0-0" [level=4]: "Available Synonyms:"
+- button "synonym-button-0-0-0"
+- button "synonym-button-0-0-1"
+- button "synonym-button-0-0-2"
+- group "details-0": Debug Information