From dd809242b1ccb151bffe5eae8e73449671feb155 Mon Sep 17 00:00:00 2001
From: Andrey Sobolev <haiodo@users.noreply.github.com>
Date: Thu, 24 Mar 2022 16:04:29 +0700
Subject: [PATCH] Test fixes (#1197)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
---
 .../src/components/Channels.svelte            | 28 +++---
 .../src/components/OrganizationEditor.svelte  |  1 -
 .../components/OrganizationSelector.svelte    | 11 ++-
 .../src/components/CreateApplication.svelte   |  2 +-
 .../src/components/CreateCandidate.svelte     |  8 +-
 .../src/components/review/EditReview.svelte   | 19 +---
 .../src/components/statuses/Templates.svelte  |  4 +-
 .../src/components/TagsEditor.svelte          |  2 +-
 .../src/components/TagsPopup.svelte           |  2 +-
 .../src/components/CreateTask.svelte          |  2 +-
 .../src/components/Templates.svelte           |  2 +-
 .../src/components/Table.svelte               |  2 +-
 .../src/components/Workbench.svelte           |  2 +-
 .../components/navigator/TreeElement.svelte   |  2 +-
 server/mongo/src/storage.ts                   |  6 +-
 tests/build-reload.sh                         |  9 ++
 tests/sanity/package.json                     |  4 +-
 tests/sanity/storage.json                     | 26 +++++
 tests/sanity/tests/contacts.spec.ts           | 67 +++++++++++--
 tests/sanity/tests/recruit.spec.ts            | 93 ++++++++++++-----
 tests/sanity/tests/settings.spec.ts           | 99 +++++++++++++++++++
 tests/sanity/tests/tags.spec.ts               | 99 +++++++++++++++++++
 tests/sanity/tests/utils.ts                   | 35 +++++++
 23 files changed, 439 insertions(+), 86 deletions(-)
 create mode 100755 tests/build-reload.sh
 create mode 100644 tests/sanity/storage.json
 create mode 100644 tests/sanity/tests/settings.spec.ts
 create mode 100644 tests/sanity/tests/tags.spec.ts

diff --git a/plugins/contact-resources/src/components/Channels.svelte b/plugins/contact-resources/src/components/Channels.svelte
index 70561c7599..8c675cefda 100644
--- a/plugins/contact-resources/src/components/Channels.svelte
+++ b/plugins/contact-resources/src/components/Channels.svelte
@@ -30,21 +30,23 @@
 </script>
 
 {#if channels?.length === 0}
-  <CircleButton
-    icon={IconAdd}
-    size={'small'}
-    selected
-    on:click={(ev) =>
-      showPopup(contact.component.SocialEditor, { values: channels }, ev.target, (result) => {
-        if (result !== undefined) {
-          dispatch('change', result)
-        }
-      })}
-  />
-  <span class="ml-2"><Label label={presentation.string.AddSocialLinks} /></span>
+  <div id="channels-edit">
+    <CircleButton
+      icon={IconAdd}
+      size={'small'}
+      selected
+      on:click={(ev) =>
+        showPopup(contact.component.SocialEditor, { values: channels }, ev.target, (result) => {
+          if (result !== undefined) {
+            dispatch('change', result)
+          }
+        })}
+    />
+    <span class="ml-2"><Label label={presentation.string.AddSocialLinks} /></span>
+  </div>
 {:else}
   <ChannelsView value={channels} size={'small'} {integrations} on:click />
-  <div class="ml-1">
+  <div id="channels-edit" class="ml-1">
     <CircleButton
       icon={contact.icon.Edit}
       size={'small'}
diff --git a/plugins/contact-resources/src/components/OrganizationEditor.svelte b/plugins/contact-resources/src/components/OrganizationEditor.svelte
index 1f308de5a7..9588933d23 100644
--- a/plugins/contact-resources/src/components/OrganizationEditor.svelte
+++ b/plugins/contact-resources/src/components/OrganizationEditor.svelte
@@ -60,7 +60,6 @@
   let container: HTMLElement
 
 </script>
-
 <div class="caption-color cursor-pointer" bind:this={container} class:empty={selected === undefined} on:click|preventDefault={() => {
   if (!opened) {
     opened = true
diff --git a/plugins/contact-resources/src/components/OrganizationSelector.svelte b/plugins/contact-resources/src/components/OrganizationSelector.svelte
index 80a1063cd7..20f4549dfb 100644
--- a/plugins/contact-resources/src/components/OrganizationSelector.svelte
+++ b/plugins/contact-resources/src/components/OrganizationSelector.svelte
@@ -30,6 +30,10 @@
   const query = createQuery()
   const dispatch = createEventDispatcher()
 
+  let items: ListItem[] = []
+  let selected: ListItem | undefined
+  let resolved = false
+
   query.query(contact.class.Organization, {}, (res) => {
     items = res.map((org) => {
       return {
@@ -41,12 +45,13 @@
     if (value !== undefined) {
       selected = items.find((p) => p._id === value)
     }
+    resolved = true
   })
 
-  let items: ListItem[] = []
-  let selected: ListItem | undefined
 
-  $: setValue(selected)
+  $: if (resolved) {
+    setValue(selected)
+  }
 
   function setValue (selected: ListItem | undefined): void {
     if (selected === undefined) {
diff --git a/plugins/recruit-resources/src/components/CreateApplication.svelte b/plugins/recruit-resources/src/components/CreateApplication.svelte
index 23d755e3f8..46cde9d39e 100644
--- a/plugins/recruit-resources/src/components/CreateApplication.svelte
+++ b/plugins/recruit-resources/src/components/CreateApplication.svelte
@@ -60,7 +60,7 @@
   async function createApplication () {
     const state = await client.findOne(task.class.State, { space: doc.space })
     if (state === undefined) {
-      throw new Error('create application: state not found')
+      throw new Error(`create application: state not found space:${doc.space}`)
     }
     const sequence = await client.findOne(task.class.Sequence, { attachedTo: recruit.class.Applicant })
     if (sequence === undefined) {
diff --git a/plugins/recruit-resources/src/components/CreateCandidate.svelte b/plugins/recruit-resources/src/components/CreateCandidate.svelte
index f978a51669..867db73243 100644
--- a/plugins/recruit-resources/src/components/CreateCandidate.svelte
+++ b/plugins/recruit-resources/src/components/CreateCandidate.svelte
@@ -23,15 +23,13 @@
     Data,
     Doc,
     FindResult,
-    generateId,
-    Hierarchy,
-    MixinData,
+    generateId, MixinData,
     Ref,
     TxProcessor
   } from '@anticrm/core'
   import login from '@anticrm/login'
   import { getMetadata, getResource, setPlatformStatus, unknownError } from '@anticrm/platform'
-  import presentation, {
+  import {
     Card,
     createQuery,
     EditableAvatar,
@@ -271,7 +269,7 @@
       const categoriesMap = new Map(Array.from(categories.map((it) => [it._id, it])))
 
       const newSkills: TagReference[] = []
-      
+  
       // Create missing tag elemnts
       for (const s of doc.skills ?? []) {
         const title = s.trim().toLowerCase()
diff --git a/plugins/recruit-resources/src/components/review/EditReview.svelte b/plugins/recruit-resources/src/components/review/EditReview.svelte
index ddc3dbf89a..66c6c2e394 100644
--- a/plugins/recruit-resources/src/components/review/EditReview.svelte
+++ b/plugins/recruit-resources/src/components/review/EditReview.svelte
@@ -17,13 +17,13 @@
   import calendar from '@anticrm/calendar'
   import contact, { Contact } from '@anticrm/contact'
   import { OrganizationSelector } from '@anticrm/contact-resources'
-  import { getClient, UserBox, UserBoxList, UserInfo } from '@anticrm/presentation'
+  import { getClient, UserBox, UserBoxList } from '@anticrm/presentation'
   import type { Review } from '@anticrm/recruit'
   import { StyledTextBox } from '@anticrm/text-editor'
   import { Grid, Label, showPanel, StylishEdit } from '@anticrm/ui'
+  import view from '@anticrm/view'
   import { createEventDispatcher, onMount } from 'svelte'
   import recruit from '../../plugin'
-  import view from '@anticrm/view'
 
   export let object: Review
 
@@ -80,21 +80,6 @@
         }}
       />
     </div>
-
-    <Grid column={2}>
-      <StylishEdit
-        label={calendar.string.Location}
-        bind:value={object.location}
-        on:change={() => client.update(object, { location: object.location })}
-      />
-      <div class="antiComponentBox">
-        <OrganizationSelector
-          bind:value={object.company}
-          label={recruit.string.Company}
-          on:change={() => client.update(object, { company: object.company })}
-        />
-      </div>
-    </Grid>
     <div class="flex-row">
       <div class="mt-4 mb-2">
         <Label label={calendar.string.Participants} />
diff --git a/plugins/setting-resources/src/components/statuses/Templates.svelte b/plugins/setting-resources/src/components/statuses/Templates.svelte
index d9dbe79118..4ec22ae87e 100644
--- a/plugins/setting-resources/src/components/statuses/Templates.svelte
+++ b/plugins/setting-resources/src/components/statuses/Templates.svelte
@@ -90,11 +90,11 @@
   }
 </script>
 
-<div class="flex-between trans-title mb-3">
+<div id='create-template' class="flex-between trans-title mb-3">
   <Label label={setting.string.Templates}/>
   <CircleButton icon={IconAdd} size="medium" on:click={createTemplate} />
 </div>
-<div class="flex-col overflow-y-auto">
+<div id='templates' class="flex-col overflow-y-auto">
   {#each templates as t (t._id)}
     <div class="ac-column__list-item" class:selected={t._id === template?._id} on:click={() => select(t)}>
       <AttributeEditor maxWidth={'15rem'} _class={task.class.KanbanTemplate} object={t} key="title"/>
diff --git a/plugins/tags-resources/src/components/TagsEditor.svelte b/plugins/tags-resources/src/components/TagsEditor.svelte
index 9093af6e25..77330eb2c2 100644
--- a/plugins/tags-resources/src/components/TagsEditor.svelte
+++ b/plugins/tags-resources/src/components/TagsEditor.svelte
@@ -77,7 +77,7 @@
   <ShowMore ignore={!showTitle}>
     <div class:tags-container={showTitle} class:mt-4={showTitle}>
       <div class="flex flex-reverse">
-        <div class="ml-4">
+        <div id='add-tag' class="ml-4">
           <Tooltip label={tags.string.AddTagTooltip} props={{ word: keyLabel }}>
             <CircleButton icon={IconAdd} size={'small'} selected on:click={addTag} />
           </Tooltip>
diff --git a/plugins/tags-resources/src/components/TagsPopup.svelte b/plugins/tags-resources/src/components/TagsPopup.svelte
index 8cb50033a6..55f0a7ab78 100644
--- a/plugins/tags-resources/src/components/TagsPopup.svelte
+++ b/plugins/tags-resources/src/components/TagsPopup.svelte
@@ -65,7 +65,7 @@
   <div class="ap-header">
     <EditWithIcon icon={IconSearch} bind:value={search} placeholder={tags.string.SearchCreate} focus>
       <svelte:fragment slot="extra">
-        <div class="ml-27" bind:this={anchor}>
+        <div id='new-tag' class="ml-27" bind:this={anchor}>
           <ActionIcon
             label={tags.string.AddNowTooltip}
             labelProps={{ word: title }}
diff --git a/plugins/task-resources/src/components/CreateTask.svelte b/plugins/task-resources/src/components/CreateTask.svelte
index 137e3b482b..632ea6a244 100644
--- a/plugins/task-resources/src/components/CreateTask.svelte
+++ b/plugins/task-resources/src/components/CreateTask.svelte
@@ -57,7 +57,7 @@
   async function createTask () {
     const state = await client.findOne(task.class.State, { space: _space })
     if (state === undefined) {
-      throw new Error('create application: state not found')
+      throw new Error('create task: state not found')
     }
   
     const sequence = await client.findOne(task.class.Sequence, { attachedTo: task.class.Issue })
diff --git a/plugins/templates-resources/src/components/Templates.svelte b/plugins/templates-resources/src/components/Templates.svelte
index 0356c037c0..efe7734551 100644
--- a/plugins/templates-resources/src/components/Templates.svelte
+++ b/plugins/templates-resources/src/components/Templates.svelte
@@ -66,7 +66,7 @@
 
   <div class="ac-body columns">
     <div class="ac-column">
-      <div class="flex-between trans-title mb-3">
+      <div id='create-template' class="flex-between trans-title mb-3">
         <Label label={templatesPlugin.string.TemplatesHeader} />
         <CircleButton icon={IconAdd} on:click={addTemplate} />
       </div>
diff --git a/plugins/view-resources/src/components/Table.svelte b/plugins/view-resources/src/components/Table.svelte
index 0e7474189e..f34aec838e 100644
--- a/plugins/view-resources/src/components/Table.svelte
+++ b/plugins/view-resources/src/components/Table.svelte
@@ -218,7 +218,7 @@
                       value={getValue(object, attribute.key)}
                       {...attribute.props}
                     />
-                    <div class="antiTable-cells__firstCell-menuRow" on:click={(ev) => showMenu(ev, object, row)}>
+                    <div id='context-menu' class="antiTable-cells__firstCell-menuRow" on:click={(ev) => showMenu(ev, object, row)}>
                       <MoreV size={'small'} />
                     </div>
                   </div>
diff --git a/plugins/workbench-resources/src/components/Workbench.svelte b/plugins/workbench-resources/src/components/Workbench.svelte
index 999e5495a8..f903f1bfde 100644
--- a/plugins/workbench-resources/src/components/Workbench.svelte
+++ b/plugins/workbench-resources/src/components/Workbench.svelte
@@ -262,7 +262,7 @@
           notify={hasNotification}
         />
         <div class="flex-center">
-          <div
+          <div id="profile-button"
             class="cursor-pointer"
             on:click|stopPropagation={(el) => {
               showPopup(AccountPopup, {}, 'account')
diff --git a/plugins/workbench-resources/src/components/navigator/TreeElement.svelte b/plugins/workbench-resources/src/components/navigator/TreeElement.svelte
index 8b19a69748..6c1ef90464 100644
--- a/plugins/workbench-resources/src/components/navigator/TreeElement.svelte
+++ b/plugins/workbench-resources/src/components/navigator/TreeElement.svelte
@@ -64,7 +64,7 @@
   {:else}
     {#await actions() then actionItems}
       {#if actionItems.length === 1}
-        <div class="an-element__tool">
+        <div id={_id} class="an-element__tool">
           <ActionIcon
             label={actionItems[0].label}
             icon={actionItems[0].icon}
diff --git a/server/mongo/src/storage.ts b/server/mongo/src/storage.ts
index b25adf618d..ad4660005c 100644
--- a/server/mongo/src/storage.ts
+++ b/server/mongo/src/storage.ts
@@ -53,18 +53,20 @@ abstract class MongoAdapterBase extends TxProcessor {
     const translated: any = {}
     for (const key in query) {
       const value = (query as any)[key]
+
+      const tkey = this.checkMixinKey(key, clazz)
       if (value !== null && typeof value === 'object') {
         const keys = Object.keys(value)
         if (keys[0] === '$like') {
           const pattern = value.$like as string
-          translated[key] = {
+          translated[tkey] = {
             $regex: `^${pattern.split('%').map(it => escapeLikeForRegexp(it)).join('.*')}$`,
             $options: 'i'
           }
           continue
         }
       }
-      translated[key] = value
+      translated[tkey] = value
     }
     const baseClass = this.hierarchy.getBaseClass(clazz)
     const classes = this.hierarchy.getDescendants(baseClass)
diff --git a/tests/build-reload.sh b/tests/build-reload.sh
new file mode 100755
index 0000000000..bbfe5aa6a8
--- /dev/null
+++ b/tests/build-reload.sh
@@ -0,0 +1,9 @@
+#!/bin/bash
+
+# Restore workspace contents in mongo/elastic
+rush build
+rush bundle
+rush docker:build
+
+# Re-assign user to workspace.
+docker-compose -p sanity up $1 -d --force-recreate
diff --git a/tests/sanity/package.json b/tests/sanity/package.json
index c3c239c650..05b0b54f3e 100644
--- a/tests/sanity/package.json
+++ b/tests/sanity/package.json
@@ -12,7 +12,9 @@
     "format": "prettier --write tests && eslint --fix tests",
     "ci": "playwright install --with-deps chromium",
     "test": "",
-    "uitest": "playwright test --browser chromium --reporter list,html -c ./tests/playwright.config.ts"
+    "uitest": "playwright test --browser chromium --reporter list,html -c ./tests/playwright.config.ts",
+    "debug": "playwright test --browser chromium -c ./tests/playwright.config.ts --debug --headed",
+    "codegen": "playwright codegen --load-storage storage.json http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp"
   },
   "devDependencies": {
     "@anticrm/platform-rig": "~0.6.0",
diff --git a/tests/sanity/storage.json b/tests/sanity/storage.json
new file mode 100644
index 0000000000..0490446901
--- /dev/null
+++ b/tests/sanity/storage.json
@@ -0,0 +1,26 @@
+{
+  "cookies": [],
+  "origins": [
+    {
+      "origin": "http://localhost:8083",
+      "localStorage": [
+        {
+          "name": "login:metadata:LoginEmail",
+          "value": "user1"
+        },
+        {
+          "name": "login:metadata:LoginToken",
+          "value": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJlbWFpbCI6InVzZXIxIiwid29ya3NwYWNlIjoic2FuaXR5LXdzIn0.hfUCqePHO-WNps2by4B-CYGKIpDpLG0WVCUUtU-SVI4"
+        },
+        {
+          "name": "login:metadata:CurrentWorkspace",
+          "value": "sanity-ws"
+        },
+        {
+          "name": "login:metadata:LoginEndpoint",
+          "value": "ws://localhost:3334"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/tests/sanity/tests/contacts.spec.ts b/tests/sanity/tests/contacts.spec.ts
index f7c26141b4..99381bfad8 100644
--- a/tests/sanity/tests/contacts.spec.ts
+++ b/tests/sanity/tests/contacts.spec.ts
@@ -1,31 +1,49 @@
-import { test, expect } from '@playwright/test'
-import { openWorkbench } from './utils'
+import { expect, test } from '@playwright/test'
+import { generateId, openWorkbench } from './utils'
 
 test.describe('contact tests', () => {
-  test('create-contact', async ({ page }) => {
+  test.beforeEach(async ({ page }) => {
     // Create user and workspace
     await openWorkbench(page)
-
+  })
+  test('create-contact', async ({ page }) => {
+    // Create a new context with the saved storage state.
     await page.locator('[id="app-contact\\:string\\:Contacts"]').click()
 
     await page.click('button:has-text("Contact")')
 
     await (await page.locator('.ap-menuItem')).locator('text=Person').click()
 
+    const first = 'Elton-' + generateId(5)
+    const last = 'John-' + generateId(5)
+
     const firstName = page.locator('[placeholder="John"]')
     await firstName.click()
-    await firstName.fill('Elton')
+    await firstName.fill(first)
 
     const lastName = page.locator('[placeholder="Appleseed"]')
     await lastName.click()
-    await lastName.fill('John')
+    await lastName.fill(last)
 
     await page.locator('.antiCard').locator('button:has-text("Create")').click()
   })
-  test('contact-search', async ({ page }) => {
-    // Create user and workspace
-    await openWorkbench(page)
+  test('create-organization', async ({ page }) => {
+    await page.locator('[id="app-contact\\:string\\:Contacts"]').click()
 
+    await page.click('button:has-text("Contact")')
+
+    await (await page.locator('.ap-menuItem')).locator('text=Organization').click()
+
+    const orgName = 'Organization' + generateId(5)
+
+    const firstName = page.locator('[placeholder="Apple"]')
+    await firstName.click()
+    await firstName.fill(orgName)
+
+    await page.locator('.antiCard').locator('button:has-text("Create")').click()
+    await expect(page.locator(`text=${orgName}`)).toBeVisible()
+  })
+  test('contact-search', async ({ page }) => {
     await page.locator('[id="app-contact\\:string\\:Contacts"]').click()
 
     await expect(page.locator('text=Marina M.')).toBeVisible()
@@ -43,4 +61,35 @@ test.describe('contact tests', () => {
     await expect(page.locator('text=Rosamund Chen')).toBeVisible()
     expect(await page.locator('.antiTable-body__row').count()).toBeGreaterThan(5)
   })
+
+  test('delete-contact', async ({ page }) => {
+    // Create a new context with the saved storage state.
+    await page.locator('[id="app-contact\\:string\\:Contacts"]').click()
+
+    await page.click('button:has-text("Contact")')
+
+    await (await page.locator('.ap-menuItem')).locator('text=Person').click()
+
+    const first = 'Elton-' + generateId(5)
+    const last = 'John-' + generateId(5)
+
+    const firstName = page.locator('[placeholder="John"]')
+    await firstName.click()
+    await firstName.fill(first)
+
+    const lastName = page.locator('[placeholder="Appleseed"]')
+    await lastName.click()
+    await lastName.fill(last)
+
+    await page.locator('.antiCard').locator('button:has-text("Create")').click()
+
+    // Click #context-menu svg
+    await page.hover(`td:has-text("${first} ${last}")`)
+    await page.click('#context-menu')
+    await page.click('text="Delete"')
+    // Click text=Ok
+    await page.click('text=Ok')
+
+    await expect(page.locator(`td:has-text("${first} ${last}")`)).toHaveCount(0)
+  })
 })
diff --git a/tests/sanity/tests/recruit.spec.ts b/tests/sanity/tests/recruit.spec.ts
index eded5e3b0e..44b35e0c7a 100644
--- a/tests/sanity/tests/recruit.spec.ts
+++ b/tests/sanity/tests/recruit.spec.ts
@@ -1,24 +1,28 @@
 import { expect, test } from '@playwright/test'
-import { openWorkbench } from './utils'
+import { generateId, openWorkbench } from './utils'
 
 test.describe('recruit tests', () => {
-  test('create-candidate', async ({ page }) => {
+  test.beforeEach(async ({ page }) => {
     // Create user and workspace
     await openWorkbench(page)
-
+  })
+  test('create-candidate', async ({ page, context }) => {
     await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
 
     await page.click('text=Candidates')
 
     await page.click('button:has-text("Candidate")')
 
+    const first = 'Elton-' + generateId(4)
+    const last = 'John-' + generateId(4)
+
     const firstName = page.locator('[placeholder="John"]')
     await firstName.click()
-    await firstName.fill('EltonC')
+    await firstName.fill(first)
 
     const lastName = page.locator('[placeholder="Appleseed"]')
     await lastName.click()
-    await lastName.fill('JohnC')
+    await lastName.fill(last)
 
     const title = page.locator('[placeholder="Title"]')
     await title.click()
@@ -32,11 +36,19 @@ test.describe('recruit tests', () => {
   })
 
   test('create-application', async ({ page }) => {
-    // Create user and workspace
-    await openWorkbench(page)
+    await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
+
+    const vacancyId = 'My vacancy ' + generateId(4)
 
     await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
 
+    await page.locator('text=Vacancies').click()
+
+    await page.click('button:has-text("Vacancy")')
+    await page.fill('[placeholder="Software\\ Engineer"]', vacancyId)
+    await page.click('button:has-text("Create")')
+    await page.locator(`text=${vacancyId}`).click()
+
     await page.click('text=Candidates')
 
     await page.click('text=Candidates')
@@ -48,41 +60,37 @@ test.describe('recruit tests', () => {
 
     await page.click('span:has-text("Select vacancy")')
 
-    await page.click('button:has-text("Software Engineer")')
+    await page.click(`button:has-text("${vacancyId}")`)
 
-    await page.click('text=Create Cancel >> button')
+    await page.click('button:has-text("Create")')
 
-    await page.click('text=APP-4')
+    await page.locator(`tr:has-text("${vacancyId}") >> text=APP-`).click()
     await page.click('text=Assigned recruiter Not selected')
     await page.click('button:has-text("Rosamund Chen")')
   })
 
   test('create-vacancy', async ({ page }) => {
-    // Create user and workspace
-    await openWorkbench(page)
+    const vacancyId = 'My vacancy ' + generateId(4)
 
     await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
 
     await page.locator('text=Vacancies').click()
 
     await page.click('button:has-text("Vacancy")')
-    await page.fill('[placeholder="Software\\ Engineer"]', 'My vacancy')
-    await page.click('text=Create Cancel >> button')
-    await page.locator('text=My vacancy').click()
+    await page.fill('[placeholder="Software\\ Engineer"]', vacancyId)
+    await page.click('button:has-text("Create")')
+    await page.locator(`text=${vacancyId}`).click()
 
     // Create Applicatio n1
-    await page.click('text=Application')
+    await page.click('button:has-text("Application")')
     await page.click('text=Not selected')
     await page.click('button:has-text("Alex P.")')
-    await page.click('text=Create Cancel >> button')
+    await page.click('button:has-text("Create")')
 
     await expect(page.locator('text=APP-').first()).toBeVisible()
     await expect(page.locator('text=Alex P.').first()).toBeVisible()
   })
   test('use-kanban', async ({ page }) => {
-    // Create user and workspace
-    await openWorkbench(page)
-
     await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
 
     await page.locator('text=Vacancies').click()
@@ -96,15 +104,12 @@ test.describe('recruit tests', () => {
   })
 
   test('application-search', async ({ page }) => {
-    // Create user and workspace
-    await openWorkbench(page)
-
     await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
 
     await page.locator('text=Vacancies').click()
     await page.click('text=Software Engineer')
 
-    await expect(page.locator('text=Andrey P.')).toBeVisible()
+    await expect(page.locator('text=Marina M.')).toBeVisible()
     expect(await page.locator('.antiTable-body__row').count()).toBeGreaterThan(2)
 
     const searchBox = page.locator('[placeholder="Search"]')
@@ -116,7 +121,45 @@ test.describe('recruit tests', () => {
     await searchBox.fill('')
     await searchBox.press('Enter')
 
-    await expect(page.locator('text=Andrey P.')).toBeVisible()
+    await expect(page.locator('text=Marina M.')).toBeVisible()
     expect(await page.locator('.antiTable-body__row').count()).toBeGreaterThan(2)
   })
+
+  test('create-interview', async ({ page }) => {
+    await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
+
+    const interviewId = 'My interview ' + generateId(4)
+
+    await page.locator('[id="app-recruit\\:string\\:RecruitApplication"]').click()
+
+    await page.hover('text=Reviews')
+    await page.click('[name="tooltip-recruit:string:CreateReviewCategory"]')
+
+    await page.fill('[placeholder="Interview"]', interviewId)
+    await page.click('button:has-text("Create")')
+    await page.locator(`text=${interviewId}`).click()
+
+    // Click button:has-text("Review")
+    await page.click('button:has-text("Review")')
+    // Click [placeholder="\ "]
+    await page.click('[placeholder="\\ "]')
+    // Fill [placeholder="\ "]
+    await page.fill('[placeholder="\\ "]', 'Meet PEterson')
+    // Click text=Location Company Company >> [placeholder="\ "]
+    await page.click('text=Location Company Company >> [placeholder="\\ "]')
+    // Fill text=Location Company Company >> [placeholder="\ "]
+    await page.fill('text=Location Company Company >> [placeholder="\\ "]', 'NSK')
+    // Click text=Company Company >> div
+    await page.click('text=Company Company >> div')
+    // Click button:has-text("Apple")
+    await page.click('button:has-text("Apple")')
+    // Click text=Candidate Not selected >> span
+    await page.click('text=Candidate Not selected >> span')
+    // Click button:has-text("Andrey P.")
+    await page.click('button:has-text("Andrey P.")')
+    // Click text=Create
+    await page.click('text=Create')
+
+    await page.click('td:has-text("RVE-")')
+  })
 })
diff --git a/tests/sanity/tests/settings.spec.ts b/tests/sanity/tests/settings.spec.ts
new file mode 100644
index 0000000000..111037fcd3
--- /dev/null
+++ b/tests/sanity/tests/settings.spec.ts
@@ -0,0 +1,99 @@
+import { expect, test } from '@playwright/test'
+import { generateId, openWorkbench } from './utils'
+
+test.describe('contact tests', () => {
+  test.beforeEach(async ({ page }) => {
+    // Create user and workspace
+    await openWorkbench(page)
+  })
+  test('update-profile', async ({ page, context }) => {
+    // Go to http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp
+    await page.goto('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp')
+    // Click #profile-button
+    await page.click('#profile-button')
+    // Click text=Setting
+    await page.click('text=Setting')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/setting%3Aids%3ASettingApp/setting')
+    // Click text=Edit profile
+    await page.click('text=Edit profile')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/setting%3Aids%3ASettingApp/profile')
+    // Click [placeholder="Location"]
+    await page.click('[placeholder="Location"]')
+    // Fill [placeholder="Location"]
+    await page.fill('[placeholder="Location"]', 'LoPlaza')
+    // Click .flex-center.icon-button
+    await page.click('#channels-edit >> .flex-center.icon-button')
+    // Click [placeholder="john\.appleseed\@apple\.com"]
+    await page.click('[placeholder="john\\.appleseed\\@apple\\.com"]')
+    // Fill [placeholder="john\.appleseed\@apple\.com"]
+    await page.fill('[placeholder="john\\.appleseed\\@apple\\.com"]', 'wer@qwe.com')
+    // Click text=Apply
+    await page.click('text=Apply')
+  })
+  test('create-template', async ({ page }) => {
+    // Go to http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp
+    await page.goto('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp')
+    // Click #profile-button
+    await page.click('#profile-button')
+    // Click text=Templates
+    await page.click('text=Templates')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/setting%3Aids%3ASettingApp/message-templates')
+    // Go to http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/setting%3Aids%3ASettingApp/message-templates
+    await page.goto('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/setting%3Aids%3ASettingApp/message-templates')
+    // Click .flex-center.icon-button
+    await page.click('#create-template >> .flex-center.icon-button')
+    // Click [placeholder="New\ template"]
+    await page.click('[placeholder="New\\ template"]')
+    // Fill [placeholder="New\ template"]
+    await page.fill('[placeholder="New\\ template"]', 't1')
+
+    await page.fill('.ProseMirror', 'some text value')
+    await page.press('.ProseMirror', 'Enter')
+    await page.fill('.ProseMirror', 'some more value')
+
+    // Click text=Save template
+    await page.click('text=Save template')
+    // Click text=Edit template
+    await page.click('text=Edit template')
+    // Click text=Template valuesome more value
+    await page.fill('.ProseMirror', 'some more2 value')
+    // Click text=Save template
+    await page.click('text=Save template')
+    // Click text=Edit template
+  })
+
+  test('manage-status-templates', async ({ page }) => {
+    // Go to http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp
+    await page.goto('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp')
+    // Click #profile-button
+    await page.click('#profile-button')
+    // Click text=Manage Statuses
+    await page.click('text=Manage Statuses')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/setting%3Aids%3ASettingApp/statuses')
+    // Click text=Vacancies
+    await page.click('text=Vacancies')
+    // Click #create-template div
+    await page.click('#create-template div')
+    const tid = 'template-' + generateId()
+    const t = page.locator('#templates >> .container:has-text("New Template")').last()
+    await t.click()
+    await t.locator('input').fill(tid)
+    // await page.locator(`#templates >> .container:has-text("${tid}")`).type('Enter')
+
+    // Click text=Active statuses >> div
+    await page.click('text=Active statuses >> div')
+
+    const s1 = page.locator('.container:has-text("New State")').first()
+    await s1.click()
+    await s1.locator('input').fill('State1')
+
+    await page.click('text=Active statuses >> div')
+    const s2 = page.locator('.container:has-text("New State")').first()
+    await s2.click()
+    await s2.locator('input').fill('State2')
+    await page.click('text=Active statuses >> div')
+    const s3 = page.locator('.container:has-text("New State")').first()
+    await s3.click()
+    await s3.locator('input').fill('State3')
+  })
+})
diff --git a/tests/sanity/tests/tags.spec.ts b/tests/sanity/tests/tags.spec.ts
new file mode 100644
index 0000000000..fdbc705826
--- /dev/null
+++ b/tests/sanity/tests/tags.spec.ts
@@ -0,0 +1,99 @@
+import { expect, test } from '@playwright/test'
+import { generateId, openWorkbench } from './utils'
+
+test.describe('recruit tests', () => {
+  test.beforeEach(async ({ page }) => {
+    // Create user and workspace
+    await openWorkbench(page)
+  })
+  test('create-candidate-with-skill', async ({ page }) => {
+    // Go to http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp
+    await page.goto('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp')
+    // Click [id="app-recruit\:string\:RecruitApplication"]
+    await page.click('[id="app-recruit\\:string\\:RecruitApplication"]')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/recruit%3Aapp%3ARecruit')
+    // Click text=Candidates
+    await page.click('text=Candidates')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/recruit%3Aapp%3ARecruit/candidates')
+    // Click button:has-text("Candidate")
+    await page.click('button:has-text("Candidate")')
+    // Fill [placeholder="John"]
+    await page.fill('[placeholder="John"]', 'Petr')
+    // Click [placeholder="Appleseed"]
+    await page.click('[placeholder="Appleseed"]')
+    // Fill [placeholder="Appleseed"]
+    await page.fill('[placeholder="Appleseed"]', 'Dooliutl')
+    // Click .ml-4 .tooltip-trigger .flex-center
+    await page.click('#add-tag')
+    // Click text=Add/Create Skill Suggested Cancel >> button
+    await page.click('#new-tag')
+    // Fill [placeholder="Please\ type\ Skill\ title"]
+    await page.fill('[placeholder="Please\\ type\\ Skill\\ title"]', 's1')
+    // Click text=Create Skill s1 Please type description here Category Other Create Cancel >> button
+    await page.click('text=Create Skill s1 Please type description here Category Other Create Cancel >> button')
+    // Click text=s1
+    await page.click('text=s1')
+    // Click :nth-match(:text("Cancel"), 2)
+    await page.click(':nth-match(:text("Cancel"), 2)')
+    // Click button:has-text("Create")
+    await page.click('button:has-text("Create")')
+  })
+
+  test('create-tag-candidate', async ({ page }) => {
+    // Go to http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp
+    await page.goto('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp')
+    // Click [id="app-recruit\:string\:RecruitApplication"]
+    await page.click('[id="app-recruit\\:string\\:RecruitApplication"]')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/recruit%3Aapp%3ARecruit')
+    // Click text=Skills
+    await page.click('text=Skills')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/recruit%3Aapp%3ARecruit/skills')
+    // Click button:has-text("Skill")
+    await page.click('button:has-text("Skill")')
+    // Click [placeholder="Please\ type\ skill\ title"]
+    await page.click('[placeholder="Please\\ type\\ skill\\ title"]')
+    // Fill [placeholder="Please\ type\ skill\ title"]
+    await page.fill('[placeholder="Please\\ type\\ skill\\ title"]', 'java')
+    // Click button:has-text("Create")
+    await page.click('button:has-text("Create")')
+    // Click button:has-text("Skill")
+    await page.click('button:has-text("Skill")')
+    // Fill [placeholder="Please\ type\ skill\ title"]
+    await page.fill('[placeholder="Please\\ type\\ skill\\ title"]', 'MongoDB')
+    // Click button:has-text("Create")
+    await page.click('button:has-text("Create")')
+    // Click button:has-text("Skill")
+    await page.click('button:has-text("Skill")')
+    // Fill [placeholder="Please\ type\ skill\ title"]
+    await page.fill('[placeholder="Please\\ type\\ skill\\ title"]', 'C++')
+    // Click button:has-text("Create")
+    await page.click('button:has-text("Create")')
+    // Click text=Candidates
+    await page.click('text=Candidates')
+    await expect(page).toHaveURL('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp/recruit%3Aapp%3ARecruit/candidates')
+    // Click button:has-text("Candidate")
+    await page.click('button:has-text("Candidate")')
+    // Click #add-tag div div
+    await page.click('#add-tag div div')
+    // Click text=java
+    await page.click('text=java')
+    // Click :nth-match(:text("Cancel"), 2)
+    await page.click(':nth-match(:text("Cancel"), 2)')
+    // Click [placeholder="John"]
+    await page.click('[placeholder="John"]')
+    // Fill [placeholder="John"]
+    const first = 'first-' + generateId().slice(0, 4)
+    await page.fill('[placeholder="John"]', first)
+    // Click [placeholder="Appleseed"]
+    await page.click('[placeholder="Appleseed"]')
+    // Fill [placeholder="Appleseed"]
+    const last = 'last-' + generateId().slice(0, 4)
+    await page.fill('[placeholder="Appleseed"]', last)
+    // Click button:has-text("Create")
+    await page.click('button:has-text("Create")')
+    // Click text=q w
+    await page.click(`text=${first} ${last}`)
+    // Click text=java
+    await expect(page.locator('text=java').first()).toBeVisible()
+  })
+})
diff --git a/tests/sanity/tests/utils.ts b/tests/sanity/tests/utils.ts
index 2de11e1c42..1f37252900 100644
--- a/tests/sanity/tests/utils.ts
+++ b/tests/sanity/tests/utils.ts
@@ -17,3 +17,38 @@ export async function openWorkbench (page: Page): Promise<void> {
   await page.goto('http://localhost:8083/workbench%3Acomponent%3AWorkbenchApp')
   await page.waitForSelector('[id="app-contact\\:string\\:Contacts"]')
 }
+
+function toHex (value: number, chars: number): string {
+  const result = value.toString(16)
+  if (result.length < chars) {
+    return '0'.repeat(chars - result.length) + result
+  }
+  return result
+}
+
+let counter = (Math.random() * (1 << 24)) | 0
+const random = toHex((Math.random() * (1 << 24)) | 0, 6) + toHex((Math.random() * (1 << 16)) | 0, 4)
+
+function timestamp (): string {
+  const time = (Date.now() / 1000) | 0
+  return toHex(time, 8)
+}
+
+function count (): string {
+  const val = counter++ & 0xffffff
+  return toHex(val, 6)
+}
+
+/**
+ * @public
+ * @returns
+ */
+export function generateId (len = 100): string {
+  const v = (timestamp() + random)
+  let s = v.length - len
+  if (s < 0) {
+    s = 0
+  }
+  const r = v.slice(s, v.length) + count()
+  return r
+}