feat(test): add test for toggle theme in web ide

tests/locators.ts

@@ -21,6 +21,9 @@ export const UNIT_TESTS_LOCATOR =
 export const GIT_TAB_LOCATOR =
   '//div[contains(@class, "WorkspaceSidebar_action_")][4]';
 
+export const SWITCH_THEME_LOCATOR =
+  '(//div[contains(@class, "WorkspaceSidebar_action_")])[6]';
+
 export const DELETE_PROJECT_LOCATOR =
   '//div[contains(@class, "ManageProject_deleteProject")]';
 

tests/project/toggle-theme.spec.ts

@@ -0,0 +1,16 @@
+import { expect, test } from '@playwright/test';
+import { SWITCH_THEME_LOCATOR } from 'tests/locators';
+
+test('Theme should switch', async ({ page }) => {
+  // Open Web IDE
+  await page.goto('https://ide.ton.org/');
+
+  // Validate light theme
+  await expect(page).toHaveScreenshot('light.png', { maxDiffPixels: 100 });
+  await expect(page.locator(SWITCH_THEME_LOCATOR)).toBeVisible();
+
+  // Toggle theme
+  await page.locator(SWITCH_THEME_LOCATOR).click();
+  // Validate dark theme
+  await expect(page).toHaveScreenshot('dark.png', { maxDiffPixels: 100 });
+});