test: update e2e playwright test

static/tests/test-app-7860-example-medium0-upload-de.spec.ts

@@ -17,7 +17,8 @@ test("test: get a phonetic accuracy evaluation from an uploaded audio file.", as
 
   await page.goto('http://localhost:7860/');
 
-  const accordionExamples = page.getByText('Click here to expand the table examples ▼ Examples Learner Transcription');
+  const accordionExamples = page.getByText('Click here to expand the table examples');
+  accordionExamples.click();
   accordionExamples.click();
   const exampleMediumFirst = page.getByRole('gridcell', { name: 'medium' }).first();
   await exampleMediumFirst.click();

static/tests/test-app-7860-example-medium0-upload-en.spec.ts

@@ -17,7 +17,8 @@ test("test: get a phonetic accuracy evaluation from an uploaded audio file.", as
 
   await page.goto('http://localhost:7860/');
 
-  const accordionExamples = page.getByText('Click here to expand the table examples ▼ Examples Learner Transcription');
+  const accordionExamples = page.getByText('Click here to expand the table examples');
+  accordionExamples.click();
   accordionExamples.click();
   const exampleMediumFirst = page.getByRole('gridcell', { name: 'medium' }).nth(1);
   await exampleMediumFirst.click();

static/tests/test-app-7860-random-upload-de.spec.ts

@@ -18,20 +18,20 @@ test("test: get a phonetic accuracy evaluation from an uploaded audio file.", as
   await page.goto('http://localhost:7860/');
   await page.waitForSelector("textarea")
 
-  const textboxLearnerTranscriptionInput = page.getByLabel("Learner Transcription");
-  let learnerTranscriptionScreenshot0 = await textboxLearnerTranscriptionInput.screenshot()
+  const textboxStudentTranscriptionInput = page.getByLabel("Phrase to read for speech recognition");
+  let studentTranscriptionScreenshot0 = await textboxStudentTranscriptionInput.screenshot()
 
   const buttonRandom = page.getByRole('button', { name: 'Choose a random phrase' });
   await buttonRandom.click();
   await page.waitForTimeout(300);
-  let learnerTranscriptionScreenshot1 = await textboxLearnerTranscriptionInput.screenshot();
+  let studentTranscriptionScreenshot1 = await textboxStudentTranscriptionInput.screenshot();
 
   // find a way to measure how much the screenshots differ
-  // assert that the Learner Transcription screenshots (converted both to base64 strings) changed
+  // assert that the Phrase to read for speech recognition screenshots (converted both to base64 strings) changed
   expect(
-    learnerTranscriptionScreenshot0.toString('base64')
+    studentTranscriptionScreenshot0.toString('base64')
   ).not.toEqual(
-    learnerTranscriptionScreenshot1.toString('base64')
+    studentTranscriptionScreenshot1.toString('base64')
   )
 
   await page.getByRole('button', { name: 'TTS backend', exact: true }).click();

static/tests/test-app-7860-random-upload-en.spec.ts

@@ -18,20 +18,20 @@ test("test: get a phonetic accuracy evaluation from an uploaded audio file.", as
   await page.goto('http://localhost:7860/');
   await page.waitForSelector("textarea")
 
-  const textboxLearnerTranscriptionInput = page.getByLabel("Learner Transcription");
-  let learnerTranscriptionScreenshot0 = await textboxLearnerTranscriptionInput.screenshot()
+  const textboxStudentTranscriptionInput = page.getByLabel("Phrase to read for speech recognition");
+  let studentTranscriptionScreenshot0 = await textboxStudentTranscriptionInput.screenshot()
 
   const buttonRandom = page.getByRole('button', { name: 'Choose a random phrase' });
   await buttonRandom.click();
   await page.waitForTimeout(300);
-  let learnerTranscriptionScreenshot1 = await textboxLearnerTranscriptionInput.screenshot();
+  let studentTranscriptionScreenshot1 = await textboxStudentTranscriptionInput.screenshot();
 
   // find a way to measure how much the screenshots differ
-  // assert that the Learner Transcription screenshots (converted both to base64 strings) changed
+  // assert that the Phrase to read for speech recognition screenshots (converted both to base64 strings) changed
   expect(
-    learnerTranscriptionScreenshot0.toString('base64')
+    studentTranscriptionScreenshot0.toString('base64')
   ).not.toEqual(
-    learnerTranscriptionScreenshot1.toString('base64')
+    studentTranscriptionScreenshot1.toString('base64')
   )
 
   await page.getByRole('button', { name: 'TTS backend', exact: true }).click();

static/tests/test-app-7860-upload-de.spec.ts

@@ -20,8 +20,8 @@ test("test: get a phonetic accuracy evaluation from an uploaded audio file.", as
   const radioLanguageSelectedDE = page.getByRole('radio', { name: 'de' })
   await radioLanguageSelectedDE.check();
 
-  const textboxLearnerTranscriptionInput = page.getByLabel('Learner Transcription')
-  await textboxLearnerTranscriptionInput.fill('Ich bin Alex, wer bist du?');
+  const textboxStudentTranscriptionInput = page.getByLabel('Phrase to read for speech recognition')
+  await textboxStudentTranscriptionInput.fill('Ich bin Alex, wer bist du?');
 
   await page.getByRole('button', { name: 'TTS backend', exact: true }).click();
   const buttonPlay = page.getByLabel('Play', { exact: true })

static/tests/test-webApp-3000.spec.ts

@@ -30,7 +30,7 @@ test("test: get a custom sample writing within the input field.", async () => {
     page.getByText("/ hiː toːm, hoː aːrɛː yːuː? /")
   ).toBeVisible();
   await expect(textDescription).toBeHidden();
-  await expect(page).toHaveScreenshot();
+  await expect(page).toHaveScreenshot({threshold: 0.1});
 
   console.log("end");
   await page.close();