migrate(e2e): vocabularies from Protractor to Playwright

Agent-Logs-Url: https://github.com/superdesk/superdesk-client-core/sessions/d3f35282-bf9b-42d6-bdbd-8360c01fcd7d

Co-authored-by: eos87 <124766+eos87@users.noreply.github.com>

e2e/MIGRATION_REPORT.md

@@ -5,14 +5,15 @@
 
 ## Totals
 - Original non-Playwright specs: 30
-- Migrated: 1
+- Migrated: 2
 - Blocked: 0 (see below)
 - Obsolete: 0 (see below)
 - Flaky: 0 (see below)
 - Redundant: 0 (see below)
 
 ## Migrated specs
-- Protractor `e2e/client/specs/workspace_spec.ts` -> `e2e/client/playwright/workspace.spec.ts` [pending] — Given the authenticated user is on the dashboard, when they use the workspace hotkeys, then the app switches to monitoring, spiked, personal, search, and back to dashboard.
+- Protractor `e2e/client/specs/workspace_spec.ts` -> `e2e/client/playwright/workspace.spec.ts` [65a6ef935] — Given the authenticated user is on the dashboard, when they use the workspace hotkeys, then the app switches to monitoring, spiked, personal, search, and back to dashboard.
+- Protractor `e2e/client/specs/vocabularies_spec.ts` -> `e2e/client/playwright/vocabularies.spec.ts` [pending] — Given the vocabularies settings page is open, when the user edits the Categories vocabulary name and cancels, then the original vocabulary data is restored.
 
 ## Blocked
 - None yet.

e2e/client/playwright/vocabularies.spec.ts

@@ -0,0 +1,23 @@
+import {test, expect} from '@playwright/test';
+import {restoreDatabaseSnapshot, s} from './utils';
+
+test('can restore vocabulary data when editing is cancelled', async ({page}) => {
+    const originalName = 'Categories';
+    const updatedName = 'Categories test';
+    const originalVocabularyItemSelector = s('metadata-content', `vocabulary-item=${originalName}`);
+
+    await restoreDatabaseSnapshot();
+    await page.goto('/#/settings/vocabularies');
+
+    const vocabularyItem = page.locator(originalVocabularyItemSelector);
+
+    await expect(vocabularyItem).toBeVisible();
+    await vocabularyItem.hover();
+    await vocabularyItem.locator(s('vocabulary-item--start-editing')).click();
+
+    await page.locator(s('vocabulary-edit-field--name')).fill(updatedName);
+    await expect(page.locator(s('vocabulary-edit-field--name'))).toHaveValue(updatedName);
+
+    await page.locator(s('vocabulary-edit-modal--cancel')).click();
+    await expect(page.locator(originalVocabularyItemSelector).locator(s('vocabulary-item--name'))).toHaveText(originalName);
+});