[full-ci][tests-only] test: convert tags.feature test to playwright

.drone.star

@@ -67,7 +67,6 @@ config = {
             "skip": False,
             "suites": [
                 "journeys",
-                "smoke",
             ],
         },
         "2": {

tests/e2e-playwright/specs/smoke/tags.spec.ts

@@ -0,0 +1,230 @@
+import { test } from '../../support/test'
+import * as api from '../../steps/api/api'
+import * as ui from '../../steps/ui/index'
+
+test.describe('Users can use web to organize tags', () => {
+  test.beforeEach(async ({ world }) => {
+    // Given "Admin" creates following users using API
+    //   | id    |
+    //   | Alice |
+    //   | Brian |
+    await api.usersHaveBeenCreated({
+      world,
+      stepUser: 'Admin',
+      users: ['Alice', 'Brian']
+    })
+
+    // Given "Alice" logs in
+    await ui.userLogsIn({ world, stepUser: 'Alice' })
+  })
+
+  test('Tag management', { tag: '@predefined-users' }, async ({ world }) => {
+    // When "Alice" creates the following files into personal space using API
+    //   | pathToFile | content     |
+    //   | lorem.txt  | lorem ipsum |
+    await api.userHasCreatedFiles({
+      world,
+      stepUser: 'Alice',
+      files: [{ pathToFile: 'lorem.txt', content: 'lorem ipsum' }]
+    })
+    // And "Alice" adds the following tags for the following resources using the sidebar panel
+    //   | resource  | tags         |
+    //   | lorem.txt | tag 1, tag 2 |
+    await ui.userAddsFollowingTagsForResourcesUsingSidebarPanel({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag 1', 'tag 2'] }]
+    })
+    // Then the following resources should contain the following tags in the files list for user "Alice"
+    //   | resource  | tags         |
+    //   | lorem.txt | tag 1, tag 2 |
+    await ui.resourceShouldContainTagsInFileList({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag 1', 'tag 2'] }]
+    })
+    // Then the following resources should contain the following tags in the details panel for user "Alice"
+    //   | resource  | tags         |
+    //   | lorem.txt | tag 1, tag 2 |
+    await ui.resourceShouldContainTagsInDetailPanel({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag 1', 'tag 2'] }]
+    })
+    // When "Alice" removes the following tags for the following resources using the sidebar panel
+    //   | resource  | tags  |
+    //   | lorem.txt | tag 1 |
+    await ui.userRemovesTagsFromResourcesUsingSideBar({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag 1'] }]
+    })
+    // Then the following resources should contain the following tags in the files list for user "Alice"
+    //   | resource  | tags  |
+    //   | lorem.txt | tag 2 |
+    await ui.resourceShouldContainTagsInFileList({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag 2'] }]
+    })
+    // Then the following resources should contain the following tags in the details panel for user "Alice"
+    //   | resource  | tags  |
+    //   | lorem.txt | tag 2 |
+    await ui.resourceShouldContainTagsInDetailPanel({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag 2'] }]
+    })
+    // And "Alice" logs out
+    await ui.userLogsOut({ world, stepUser: 'Alice' })
+  })
+
+  test('Long tag name', async ({ world }) => {
+    // And "Alice" creates the following files into personal space using API
+    //   | pathToFile | content     |
+    //   | lorem.txt  | lorem ipsum |
+    await api.userHasCreatedFiles({
+      world,
+      stepUser: 'Alice',
+      files: [{ pathToFile: 'lorem.txt', content: 'lorem ipsum' }]
+    })
+    // When "Alice" tries to add the following tag for the following resources using the sidebar panel
+    //   | resource  | tags                                                                                                       |
+    //   | lorem.txt | Loremipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore |
+    await ui.userTriesToAddTagForResourceUsingSidebarPanel({
+      world,
+      stepUser: 'Alice',
+      resources: [
+        {
+          name: 'lorem.txt',
+          tags: [
+            'Loremipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore'
+          ]
+        }
+      ]
+    })
+    // Then "Alice" should see the following tag validation message:
+    //   """
+    //   Tags must not be longer than 100 characters
+    //   """
+    await ui.userShouldSeeFollowingTagValidationMessages({
+      world,
+      stepUser: 'Alice',
+      message: 'Tags must not be longer than 100 characters'
+    })
+    // And "Alice" logs out
+    await ui.userLogsOut({ world, stepUser: 'Alice' })
+  })
+
+  test('Tag search', { tag: '@predefined-users' }, async ({ world }) => {
+    // When "Alice" creates the following files into personal space using API
+    //   | pathToFile   | content     |
+    //   | lorem.txt    | lorem ipsum |
+    //   | textfile.txt | test file   |
+    await api.userHasCreatedFiles({
+      world,
+      stepUser: 'Alice',
+      files: [
+        { pathToFile: 'lorem.txt', content: 'lorem ipsum' },
+        { pathToFile: 'textfile.txt', content: 'test file' }
+      ]
+    })
+    // And "Alice" adds the following tags for the following resources using the sidebar panel
+    //   | resource  | tags       |
+    //   | lorem.txt | tag1, tag2 |
+    await ui.userAddsFollowingTagsForResourcesUsingSidebarPanel({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag1', 'tag2'] }]
+    })
+    // And "Alice" clicks the tag "tag1" on the resource "lorem.txt"
+    await ui.userClicksTheTagOnResource({
+      world,
+      stepUser: 'Alice',
+      resourceName: 'lorem.txt',
+      tagName: 'tag1'
+    })
+    // Then the following resources should contain the following tags in the files list for user "Alice"
+    //   | resource  | tags |
+    //   | lorem.txt | tag1 |
+    await ui.resourceShouldContainTagsInFileList({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'lorem.txt', tags: ['tag1'] }]
+    })
+    // Then following resources should not be displayed in the files list for user "Alice"
+    //   | resource     |
+    //   | textfile.txt |
+    await ui.userShouldNotSeeTheResources({
+      world,
+      listType: 'files list',
+      stepUser: 'Alice',
+      resources: ['textfile.txt']
+    })
+    // And "Alice" logs out
+    await ui.userLogsOut({ world, stepUser: 'Alice' })
+  })
+
+  test('Tags in shared resources', { tag: '@predefined-users' }, async ({ world }) => {
+    // And "Brian" logs in
+    await ui.userLogsIn({ world, stepUser: 'Brian' })
+    // And "Alice" creates the following folders in personal space using API
+    //   | name             |
+    //   | folder_to_shared |
+    await api.userHasCreatedFolders({
+      world,
+      stepUser: 'Alice',
+      folderNames: ['folder_to_shared']
+    })
+    // And "Alice" creates the following files into personal space using API
+    //   | pathToFile                 | content     |
+    //   | folder_to_shared/lorem.txt | lorem ipsum |
+    await api.userHasCreatedFiles({
+      world,
+      stepUser: 'Alice',
+      files: [{ pathToFile: 'folder_to_shared/lorem.txt', content: 'lorem ipsum' }]
+    })
+    // And "Alice" adds the following tags for the following resources using the sidebar panel
+    //   | resource                   | tags         |
+    //   | folder_to_shared/lorem.txt | tag 1, tag 2 |
+    await ui.userAddsFollowingTagsForResourcesUsingSidebarPanel({
+      world,
+      stepUser: 'Alice',
+      resources: [{ name: 'folder_to_shared/lorem.txt', tags: ['tag 1', 'tag 2'] }]
+    })
+    // When "Alice" shares the following resource using the sidebar panel
+    //   | resource         | recipient | type | role                   | resourceType |
+    //   | folder_to_shared | Brian     | user | Can edit with trashbin | folder       |
+    await ui.userSharesResources({
+      world,
+      stepUser: 'Alice',
+      actionType: 'SIDEBAR_PANEL',
+      shares: [
+        {
+          resource: 'folder_to_shared',
+          recipient: 'Brian',
+          type: 'user',
+          role: 'Can edit with trashbin',
+          resourceType: 'folder'
+        }
+      ]
+    })
+    // And "Alice" logs out
+    await ui.userLogsOut({ world, stepUser: 'Alice' })
+    // And "Brian" navigates to the shared with me page
+    await ui.userNavigatesToSharedWithMePage({
+      world,
+      stepUser: 'Brian'
+    })
+    // Then the following resources should contain the following tags in the files list for user "Brian"
+    //   | resource                   | tags         |
+    //   | folder_to_shared/lorem.txt | tag 1, tag 2 |
+    await ui.resourceShouldContainTagsInFileList({
+      world,
+      stepUser: 'Brian',
+      resources: [{ name: 'folder_to_shared/lorem.txt', tags: ['tag 1', 'tag 2'] }]
+    })
+    // And "Brian" logs out
+    await ui.userLogsOut({ world, stepUser: 'Brian' })
+  })
+})

tests/e2e-playwright/steps/ui/resources.ts

@@ -1371,3 +1371,130 @@ export async function userShouldNotSeeShareIndicatorOnResource({
   })
   await expect(shareIndicator).not.toBeVisible()
 }
+
+export async function userAddsFollowingTagsForResourcesUsingSidebarPanel({
+  world,
+  stepUser,
+  resources
+}: {
+  world: World
+  stepUser: string
+  resources: { name: string; tags: string[] }[]
+}): Promise<void> {
+  const { page } = world.actorsEnvironment.getActor({ key: stepUser })
+  const resourceObject = new objects.applicationFiles.Resource({ page })
+  for (const resource of resources) {
+    await resourceObject.addTags({
+      resource: resource.name,
+      tags: resource.tags.map((tag) => tag.trim().toLowerCase())
+    })
+  }
+}
+
+export async function resourceShouldContainTagsInFileList({
+  world,
+  stepUser,
+  resources
+}: {
+  world: World
+  stepUser: string
+  resources: { name: string; tags: string[] }[]
+}): Promise<void> {
+  const { page } = world.actorsEnvironment.getActor({ key: stepUser })
+  const resourceObject = new objects.applicationFiles.Resource({ page })
+  for (const resource of resources) {
+    const isVisible = await resourceObject.areTagsVisibleForResourceInFilesTable({
+      resource: resource.name,
+      tags: resource.tags.map((tag) => tag.trim().toLowerCase())
+    })
+    expect(isVisible).toBe(true)
+  }
+}
+
+export async function resourceShouldContainTagsInDetailPanel({
+  world,
+  stepUser,
+  resources
+}: {
+  world: World
+  stepUser: string
+  resources: { name: string; tags: string[] }[]
+}): Promise<void> {
+  const { page } = world.actorsEnvironment.getActor({ key: stepUser })
+  const resourceObject = new objects.applicationFiles.Resource({ page })
+  for (const resource of resources) {
+    const isVisible = await resourceObject.areTagsVisibleForResourceInDetailsPanel({
+      resource: resource.name,
+      tags: resource.tags.map((tag) => tag.trim().toLowerCase())
+    })
+  }
+}
+
+export async function userRemovesTagsFromResourcesUsingSideBar({
+  world,
+  stepUser,
+  resources
+}: {
+  world: World
+  stepUser: string
+  resources: { name: string; tags: string[] }[]
+}): Promise<void> {
+  const { page } = world.actorsEnvironment.getActor({ key: stepUser })
+  const resourceObject = new objects.applicationFiles.Resource({ page })
+  for (const resource of resources) {
+    await resourceObject.removeTags({
+      resource: resource.name,
+      tags: resource.tags.map((tag) => tag.trim().toLowerCase())
+    })
+  }
+}
+
+export async function userTriesToAddTagForResourceUsingSidebarPanel({
+  world,
+  stepUser,
+  resources
+}: {
+  world: World
+  stepUser: string
+  resources: { name: string; tags: string[] }[]
+}): Promise<void> {
+  const { page } = world.actorsEnvironment.getActor({ key: stepUser })
+  const resourceObject = new objects.applicationFiles.Resource({ page })
+  for (const resource of resources) {
+    await resourceObject.tryToAddTags({
+      resource: resource.name,
+      tags: resource.tags.map((tag) => tag.trim().toLowerCase())
+    })
+  }
+}
+
+export async function userShouldSeeFollowingTagValidationMessages({
+  world,
+  stepUser,
+  message
+}: {
+  world: World
+  stepUser: string
+  message: string
+}): Promise<void> {
+  const { page } = world.actorsEnvironment.getActor({ key: stepUser })
+  const resourceObject = new objects.applicationFiles.Resource({ page })
+  const actualMessage = await resourceObject.getTagValidationMessage()
+  expect(actualMessage).toBe(message)
+}
+
+export async function userClicksTheTagOnResource({
+  world,
+  stepUser,
+  resourceName,
+  tagName
+}: {
+  world: World
+  stepUser: string
+  resourceName: string
+  tagName: string
+}): Promise<void> {
+  const { page } = world.actorsEnvironment.getActor({ key: stepUser })
+  const resourceObject = new objects.applicationFiles.Resource({ page })
+  await resourceObject.clickTag({ resource: resourceName, tag: tagName.trim().toLowerCase() })
+}