Add language change test case in main.spec.ts

yousefelassal · Mar 20, 2024 · 480e9be · 480e9be
1 parent 906014a
commit 480e9be
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/tests/main.spec.ts b/tests/main.spec.ts
@@ -30,5 +30,18 @@ test.describe('translation', () => {
     await page.waitForSelector('p:has-text("hola")');
     await expect(newTranslation).toHaveText('');
   })
+  test('change language', async ({ page }) => {
+    const newTranslation = page.getByPlaceholder('Enter text to translate');
+    const select = page.locator('select');
+    await select.selectOption('fr');
+    await newTranslation.fill('hello');
+    await newTranslation.press('Enter');
+    await page.waitForSelector('p:has-text("bonjour")');
+
+    await expect(page.getByTestId('from-lang')).toHaveText('English');
+    await expect(page.getByTestId('from-text')).toHaveText('hello');
+    await expect(page.getByTestId('to-lang')).toHaveText('French');
+    await expect(page.getByTestId('translated-text')).toHaveText('Bonjour');
+  })
 })