Add e2e tests for language selection

1 files changed, 44 insertions, 0 deletions

diff --git a/desktop/packages/mullvad-vpn/test/e2e/mocked/user-interface-settings/user-interface-settings.spec.ts b/desktop/packages/mullvad-vpn/test/e2e/mocked/user-interface-settings/user-interface-settings.spec.ts
new file mode 100644
index 0000000000..6bdfa48264
--- /dev/null
+++ b/desktop/packages/mullvad-vpn/test/e2e/mocked/user-interface-settings/user-interface-settings.spec.ts
@@ -0,0 +1,44 @@
+import { expect, test } from '@playwright/test';
+import { Page } from 'playwright';
+
+import { RoutesObjectModel } from '../../route-object-models';
+import { MockedTestUtils, startMockedApp } from '../mocked-utils';
+
+let page: Page;
+let util: MockedTestUtils;
+let routes: RoutesObjectModel;
+
+test.describe('User interface settings', () => {
+  const startup = async () => {
+    ({ page, util } = await startMockedApp());
+    routes = new RoutesObjectModel(page, util);
+
+    await routes.main.waitForRoute();
+
+    await routes.main.gotoSettings();
+    await routes.settings.gotoUserInterfaceSettings();
+  };
+
+  test.beforeAll(async () => {
+    await startup();
+  });
+
+  test.afterAll(async () => {
+    await page.close();
+  });
+
+  test.describe('Select language', () => {
+    ['Svenska', 'Deutsch', 'English', 'System default'].forEach((language) => {
+      test(`Should change language to ${language}`, async () => {
+        await routes.userInterfaceSettings.gotoSelectLanguage();
+        await routes.selectLanguage.selectLanguage(language);
+
+        await routes.userInterfaceSettings.waitForRoute();
+
+        await expect(
+          routes.userInterfaceSettings.getLocalizedLanguageButton(language),
+        ).toBeVisible();
+      });
+    });
+  });
+});