OpenMetadata/openmetadata-ui/src/main/resources/ui/playwright/e2e/Features/ActivityFeed.spec.ts

/*
 *  Copyright 2024 Collate.
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  http://www.apache.org/licenses/LICENSE-2.0
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
import { expect, Page, test as base } from '@playwright/test';
import {
  PolicyClass,
  PolicyRulesType,
} from '../../support/access-control/PoliciesClass';
import { RolesClass } from '../../support/access-control/RolesClass';
import { EntityTypeEndpoint } from '../../support/entity/Entity.interface';
import { TableClass } from '../../support/entity/TableClass';
import { TeamClass } from '../../support/team/TeamClass';
import { UserClass } from '../../support/user/UserClass';
import {
  addMentionCommentInFeed,
  checkDescriptionInEditModal,
  deleteFeedComments,
  FIRST_FEED_SELECTOR,
  REACTION_EMOJIS,
  reactOnFeed,
} from '../../utils/activityFeed';
import { performAdminLogin } from '../../utils/admin';
import {
  clickOutside,
  descriptionBox,
  redirectToHomePage,
  removeLandingBanner,
  toastNotification,
  uuid,
  visitOwnProfilePage,
} from '../../utils/common';
import { addOwner, updateDescription } from '../../utils/entity';
import { clickOnLogo } from '../../utils/sidebar';
import {
  checkTaskCount,
  createDescriptionTask,
  createTagTask,
  TaskDetails,
  TASK_OPEN_FETCH_LINK,
} from '../../utils/task';
import { performUserLogin } from '../../utils/user';

const entity = new TableClass();
const entity2 = new TableClass();
const entity3 = new TableClass();
const entity4 = new TableClass();
const user1 = new UserClass();
const user2 = new UserClass();
const adminUser = new UserClass();

const test = base.extend<{ page: Page }>({
  page: async ({ browser }, use) => {
    const adminPage = await browser.newPage();
    await adminUser.login(adminPage);
    await use(adminPage);
    await adminPage.close();
  },
});

test.describe('Activity feed', () => {
  test.slow(true);

  test.beforeAll('Setup pre-requests', async ({ browser }) => {
    const { apiContext, afterAction } = await performAdminLogin(browser);
    await adminUser.create(apiContext);
    await adminUser.setAdminRole(apiContext);
    await entity.create(apiContext);
    await entity2.create(apiContext);
    await entity3.create(apiContext);
    await entity4.create(apiContext);
    await user1.create(apiContext);
    await user2.create(apiContext);

    await afterAction();
  });

  test.afterAll('Cleanup', async ({ browser }) => {
    const { apiContext, afterAction } = await performAdminLogin(browser);
    await entity.delete(apiContext);
    await entity2.delete(apiContext);
    await entity3.delete(apiContext);
    await entity4.delete(apiContext);
    await user1.delete(apiContext);
    await user2.delete(apiContext);
    await adminUser.delete(apiContext);

    await afterAction();
  });

  test('Feed widget should be visible', async ({ page }) => {
    await removeLandingBanner(page);
    // Locate the feed widget
    const feedWidget = page.locator('[data-testid="activity-feed-widget"]');

    // Check if the feed widget is visible
    await expect(feedWidget).toBeVisible();

    // Check if the feed widget contains specific text
    await expect(feedWidget).toContainText('All');
    await expect(feedWidget).toContainText('@Mentions');
    await expect(feedWidget).toContainText('Tasks');
  });

  test('Emoji reaction on feed should be working fine', async ({ page }) => {
    await removeLandingBanner(page);

    await test.step('Add Emoji reaction', async () => {
      // Assign reaction for latest feed
      await reactOnFeed(page);

      // Verify if reaction is working or not
      for (const emoji of REACTION_EMOJIS) {
        await expect(
          page.locator(
            '[data-testid="activity-feed-widget"] [data-testid="message-container"]:first-child [data-testid="feed-reaction-container"]'
          )
        ).toContainText(emoji);
      }
    });

    await test.step('Remove Emoji reaction from feed', async () => {
      // Remove reaction for latest feed
      await reactOnFeed(page);

      // Verify if reaction is removed or not
      const feedReactionContainer = page
        .locator('[data-testid="message-container"]')
        .nth(1)
        .locator('[data-testid="feed-reaction-container"]');

      await expect(feedReactionContainer).toHaveCount(1);
    });
  });

  test('Assigned task should appear to task tab', async ({ page }) => {
    const value: TaskDetails = {
      term: entity.entity.displayName,
      assignee: user1.responseData.name,
    };
    await redirectToHomePage(page);

    await entity.visitEntityPage(page);

    await page.getByTestId('request-description').click();

    // create description task
    await createDescriptionTask(page, value);

    await page.getByTestId('schema').click();

    await page.getByTestId('request-entity-tags').click();

    // create tag task
    await createTagTask(page, { ...value, tag: 'PII.None' });

    await clickOnLogo(page);

    const taskResponse = page.waitForResponse(
      '/api/v1/feed?type=Task&filterType=OWNER&taskStatus=Open&userId=*'
    );

    await page.getByTestId('activity-feed-widget').getByText('Tasks').click();

    await taskResponse;

    await expect(
      page.locator(
        '[data-testid="activity-feed-widget"] [data-testid="no-data-placeholder"]'
      )
    ).not.toBeVisible();

    const entityPageTaskTab = page.waitForResponse(TASK_OPEN_FETCH_LINK);

    const tagsTask = page.getByTestId('redirect-task-button-link').first();
    const tagsTaskContent = await tagsTask.innerText();

    expect(tagsTaskContent).toContain('Request tags for');

    await tagsTask.click();

    await entityPageTaskTab;

    // Task 1 - Request Tag right panel check
    const firstTaskContent = await page.getByTestId('task-title').innerText();

    expect(firstTaskContent).toContain('Request tags for');

    // Task 2 - Update Description right panel check

    await page.getByTestId('message-container').last().click();

    const lastTaskContent = await page.getByTestId('task-title').innerText();

    expect(lastTaskContent).toContain('Request to update description');

    await page.getByText('Accept Suggestion').click();

    await toastNotification(page, /Task resolved successfully/);

    // Task 1 - Request to update tag to be resolved

    const resolveSuggestion = page.waitForResponse(
      '/api/v1/feed/tasks/*/resolve'
    );
    const openTasksResponse = page.waitForResponse(
      '/api/v1/feed?entityLink=*&type=Task&taskStatus=Open'
    );
    const closedTasksResponse = page.waitForResponse(
      '/api/v1/feed?entityLink=*&type=Task&taskStatus=Closed'
    );

    await page.getByText('Accept Suggestion').click();

    await toastNotification(page, /Task resolved successfully/);

    await resolveSuggestion;
    await openTasksResponse;
    await closedTasksResponse;

    await checkTaskCount(page, 0, 2);
  });

  test('User should be able to reply and delete comment in feeds in ActivityFeed', async ({
    page,
  }) => {
    await redirectToHomePage(page);

    await visitOwnProfilePage(page);

    const secondFeedConversation = page
      .locator('#center-container [data-testid="message-container"]')
      .nth(1);

    await secondFeedConversation.locator('.feed-card-v2-sidebar').click();

    await page.waitForSelector('#feed-panel', {
      state: 'visible',
    });

    // Compare the text of the second feed in the center container with the right panel feed
    const secondFeedText = await secondFeedConversation
      .locator('[data-testid="headerText"]')
      .innerText();

    const rightPanelFeedText = await page
      .locator(
        '.right-container [data-testid="message-container"] [data-testid="headerText"]'
      )
      .innerText();

    expect(secondFeedText).toBe(rightPanelFeedText);

    for (let i = 1; i <= 4; i++) {
      await page.fill(
        '[data-testid="editor-wrapper"] .ql-editor',
        `Reply message ${i}`
      );
      const sendReply = page.waitForResponse('/api/v1/feed/*/posts');
      await page.getByTestId('send-button').click({ force: true });
      await sendReply;
    }

    // Compare if feed is same after adding some comments in the right panel
    const rightPanelFeedTextCurrent = await page
      .locator(
        '.right-container [data-testid="message-container"] [data-testid="headerText"]'
      )
      .innerText();

    expect(secondFeedText).toBe(rightPanelFeedTextCurrent);

    // Verify if the comments are visible
    for (let i = 2; i <= 4; i++) {
      await expect(
        page.locator('.right-container [data-testid="feed-replies"]')
      ).toContainText(`Reply message ${i}`);
    }

    // Only show comment of latest 3 replies
    await expect(
      page.locator('.right-container [data-testid="feed-replies"]')
    ).not.toContainText('Reply message 1');

    await expect(
      page.locator(
        '[data-testid="message-container"] .active [data-testid="reply-count"]'
      )
    ).toContainText('4 Replies');

    // Deleting last 2 comments from the Feed
    const feedReplies = page.locator(
      '.right-container [data-testid="feed-replies"] .feed-card-v2-container'
    );

    await deleteFeedComments(page, feedReplies.nth(2));

    await deleteFeedComments(page, feedReplies.nth(2));

    // Compare if feed is same after deleting some comments in the right panel
    const rightPanelFeedTextCurrentAfterDelete = await page
      .locator(
        '.right-container [data-testid="message-container"] [data-testid="headerText"]'
      )
      .innerText();

    expect(secondFeedText).toBe(rightPanelFeedTextCurrentAfterDelete);

    await expect(
      page.locator(
        '[data-testid="message-container"] .active [data-testid="reply-count"]'
      )
    ).toContainText('2 Replies');
  });

  test('Update Description Task on Columns', async ({ page }) => {
    const firstTaskValue: TaskDetails = {
      term: entity4.entity.displayName,
      assignee: user1.responseData.name,
      description: 'Column Description 1',
      columnName: entity4.entity.columns[0].name,
      oldDescription: entity4.entity.columns[0].description,
    };
    const secondTaskValue: TaskDetails = {
      ...firstTaskValue,
      description: 'Column Description 2',
      columnName: entity4.entity.columns[1].name,
      oldDescription: entity4.entity.columns[1].description,
    };

    await redirectToHomePage(page);

    await entity4.visitEntityPage(page);

    await page
      .getByRole('cell', { name: 'The ID of the store. This' })
      .getByTestId('task-element')
      .click();

    // create description task
    await createDescriptionTask(page, secondTaskValue);

    await page.getByTestId('schema').click();

    // create 2nd task for column description
    await page
      .getByRole('cell', { name: 'Unique identifier for the' })
      .getByTestId('task-element')
      .click();

    await createDescriptionTask(page, firstTaskValue);

    // Task 1 - check the description in edit and accept suggestion
    await checkDescriptionInEditModal(page, firstTaskValue);

    await page.getByText('Cancel').click();

    await page.waitForSelector('[role="dialog"].ant-modal', {
      state: 'detached',
    });

    // Task 2 - check the description in edit and accept suggestion

    await page.getByTestId('message-container').last().click();

    await checkDescriptionInEditModal(page, secondTaskValue);

    const resolveTask = page.waitForResponse('/api/v1/feed/tasks/*/resolve');
    await page.getByText('OK').click();
    await resolveTask;

    await toastNotification(page, /Task resolved successfully/);

    // Task 1 - Resolved the task

    await page.getByText('Accept Suggestion').click();

    await toastNotification(page, /Task resolved successfully/);

    await checkTaskCount(page, 0, 2);
  });

  test('Comment and Close Task should work in Task Flow', async ({ page }) => {
    const value: TaskDetails = {
      term: entity2.entity.displayName,
      assignee: user1.responseData.name,
    };
    await redirectToHomePage(page);

    await entity2.visitEntityPage(page);

    await page.getByTestId('request-description').click();

    await createDescriptionTask(page, value);

    // Task 1 - Update Description right panel check
    const descriptionTask = await page.getByTestId('task-title').innerText();

    expect(descriptionTask).toContain('Request to update description');

    // Check the editor send button is not visible and comment button is disabled when no text is added
    await expect(page.locator('[data-testid="send-button"]')).not.toBeVisible();
    await expect(page.locator('[data-testid="comment-button"]')).toBeDisabled();

    await page.fill(
      '[data-testid="editor-wrapper"] .ql-editor',
      'Test comment added'
    );
    const addComment = page.waitForResponse('/api/v1/feed/*/posts');
    await page.getByTestId('comment-button').click();
    await addComment;

    // Close the task from the Button.Group, should throw error when no comment is added.
    await page.getByRole('button', { name: 'down' }).click();
    await page.waitForSelector('.ant-dropdown', {
      state: 'visible',
    });

    await page.getByRole('menuitem', { name: 'close' }).click();

    await toastNotification(page, 'Task cannot be closed without a comment.');

    // Close the task from the Button.Group, with comment is added.
    await page.fill(
      '[data-testid="editor-wrapper"] .ql-editor',
      'Closing the task with comment'
    );
    const commentWithCloseTask = page.waitForResponse(
      '/api/v1/feed/tasks/*/close'
    );
    await page.getByRole('button', { name: 'down' }).click();
    await page.waitForSelector('.ant-dropdown', {
      state: 'visible',
    });
    await page.getByRole('menuitem', { name: 'close' }).click();
    await commentWithCloseTask;

    await toastNotification(page, 'Task closed successfully.');

    await checkTaskCount(page, 0, 1);
  });

  test('Open and Closed Task Tab', async ({ page }) => {
    const value: TaskDetails = {
      term: entity3.entity.displayName,
      assignee: user1.responseData.name,
    };
    await redirectToHomePage(page);

    await entity3.visitEntityPage(page);

    await page.getByTestId('request-description').click();

    // create description task
    const openTaskAfterDescriptionResponse =
      page.waitForResponse(TASK_OPEN_FETCH_LINK);
    await createDescriptionTask(page, value);
    await openTaskAfterDescriptionResponse;

    // open task count after description
    await checkTaskCount(page, 1, 0);

    await page.getByTestId('schema').click();

    await page.getByTestId('request-entity-tags').click();

    // create tag task
    const openTaskAfterTagResponse = page.waitForResponse(TASK_OPEN_FETCH_LINK);
    await createTagTask(page, { ...value, tag: 'PII.None' });
    await openTaskAfterTagResponse;

    // open task count after description
    await checkTaskCount(page, 2, 0);

    // Close one task.
    await page.fill(
      '[data-testid="editor-wrapper"] .ql-editor',
      'Closing the task with comment'
    );
    const commentWithCloseTask = page.waitForResponse(
      '/api/v1/feed/tasks/*/close'
    );
    await page.getByRole('button', { name: 'down' }).click();
    await page.waitForSelector('.ant-dropdown', {
      state: 'visible',
    });
    await page.getByRole('menuitem', { name: 'close' }).click();
    await commentWithCloseTask;

    await toastNotification(page, 'Task closed successfully.');
    // open task count after closing one task
    await checkTaskCount(page, 1, 1);

    // switch to closed task tab
    const closedTaskResponse = page.waitForResponse(
      '/api/v1/feed?*&type=Task&taskStatus=Closed'
    );
    await page.getByTestId('closed-task').click();
    await closedTaskResponse;

    expect(page.getByTestId('markdown-parser')).toContainText(
      'Closing the task with comment'
    );
  });

  test('Assignee field should not be disabled for owned entity tasks', async ({
    page,
  }) => {
    const value: TaskDetails = {
      term: entity4.entity.displayName,
      assignee: user1.responseData.name,
    };
    await redirectToHomePage(page);

    await entity4.visitEntityPage(page);

    await addOwner({
      page,
      owner: user2.responseData.displayName,
      type: 'Users',
      endpoint: EntityTypeEndpoint.Table,
      dataTestId: 'data-assets-header',
    });

    await page.getByTestId('request-description').click();

    // create description task
    await createDescriptionTask(page, value);
  });

  test('Mention should work for the feed reply', async ({ page }) => {
    await test.step('Add Mention in Feed', async () => {
      await addMentionCommentInFeed(page, adminUser.responseData.name);

      // Close drawer
      await page.locator('[data-testid="closeDrawer"]').click();

      // Get the feed text
      const feedText = await page
        .locator(`${FIRST_FEED_SELECTOR} [data-testid="headerText"]`)
        .innerText();

      // Click on @Mentions tab
      const fetchMentionsFeedResponse = page.waitForResponse(
        '/api/v1/feed?filterType=MENTIONS&userId=*'
      );
      await page
        .locator('[data-testid="activity-feed-widget"]')
        .locator('text=@Mentions')
        .click();

      await fetchMentionsFeedResponse;

      const mentionedText = await page
        .locator(`${FIRST_FEED_SELECTOR} [data-testid="headerText"]`)
        .innerText();

      expect(mentionedText).toContain(feedText);
    });

    await test.step(
      'Add Mention should work if users having dot in their name',
      async () => {
        await addMentionCommentInFeed(page, 'aaron.warren5', true);

        const lastFeedContainer = `#feed-panel [data-testid="message-container"] [data-testid="feed-replies"] .feed-card-v2-container:last-child`;

        await expect(
          page
            .locator(lastFeedContainer)
            .locator(
              '[data-testid="viewer-container"] [data-testid="markdown-parser"]'
            )
        ).toContainText('Can you resolve this thread for me? @aaron.warren5');

        // Close drawer
        await page.locator('[data-testid="closeDrawer"]').click();

        await expect(
          page.locator(`${FIRST_FEED_SELECTOR} [data-testid="reply-count"]`)
        ).toContainText('2 Replies');
      }
    );
  });

  test('Check Task Filter in Landing Page Widget', async ({ browser }) => {
    const { page: page1, afterAction: afterActionUser1 } =
      await performUserLogin(browser, user1);
    const { page: page2, afterAction: afterActionUser2 } =
      await performUserLogin(browser, user2);

    await base.step('Create and Assign Task to User 2', async () => {
      await redirectToHomePage(page1);
      await entity.visitEntityPage(page1);

      // Create task for the user 2
      await page1.getByTestId('request-description').click();
      await createDescriptionTask(page1, {
        term: entity.entity.displayName,
        assignee: user2.responseData.name,
      });

      await afterActionUser1();
    });

    await base.step('Create and Validate Task as per Filters', async () => {
      await redirectToHomePage(page2);
      await entity.visitEntityPage(page2);

      // Create task for the user 1
      await page2.getByTestId('request-entity-tags').click();
      await createTagTask(page2, {
        term: entity.entity.displayName,
        tag: 'PII.None',
        assignee: user1.responseData.name,
      });

      await redirectToHomePage(page2);
      const taskResponse = page2.waitForResponse(
        '/api/v1/feed?type=Task&filterType=OWNER&taskStatus=Open&userId=*'
      );

      await page2
        .getByTestId('activity-feed-widget')
        .getByText('Tasks')
        .click();

      await taskResponse;

      await expect(
        page2.locator(
          '[data-testid="activity-feed-widget"] [data-testid="no-data-placeholder"]'
        )
      ).not.toBeVisible();

      // Check the Task based on ALL task filter
      await expect(page2.getByTestId('message-container')).toHaveCount(2);

      // Check the Task based on Assigned task filter
      await page2.getByTestId('filter-button').click();
      await page2.waitForSelector('.ant-popover ', { state: 'visible' });

      const taskAssignedResponse = page2.waitForResponse(
        '/api/v1/feed?type=Task&filterType=ASSIGNED_TO&taskStatus=Open&userId=*'
      );
      await page2.getByText('Assigned').click();
      await page2.getByTestId('selectable-list-update-btn').click();

      await taskAssignedResponse;

      await expect(page2.getByTestId('message-container')).toHaveCount(1);

      await expect(page2.getByTestId('owner-link')).toContainText(
        user2.responseData.displayName
      );

      // Check the Task based on Created by me task filter

      await page2.getByTestId('filter-button').click();
      await page2.waitForSelector('.ant-popover ', { state: 'visible' });

      const taskCreatedByResponse = page2.waitForResponse(
        '/api/v1/feed?type=Task&filterType=ASSIGNED_BY&taskStatus=Open&userId=*'
      );
      await page2.getByText('Created By').click();
      await page2.getByTestId('selectable-list-update-btn').click();

      await taskCreatedByResponse;

      await expect(page2.getByTestId('message-container')).toHaveCount(1);

      await expect(page2.getByTestId('owner-link')).toContainText(
        user1.responseData.displayName
      );

      await afterActionUser2();
    });
  });
});

base.describe('Activity feed with Data Consumer User', () => {
  base.slow(true);

  const id = uuid();
  const rules: PolicyRulesType[] = [
    {
      name: 'viewRuleAllowed',
      resources: ['All'],
      operations: ['ViewAll'],
      effect: 'allow',
    },
    {
      effect: 'deny',
      name: 'editNotAllowed',
      operations: ['EditAll'],
      resources: ['All'],
    },
  ];

  base.beforeAll('Setup pre-requests', async ({ browser }) => {
    const { afterAction, apiContext } = await performAdminLogin(browser);

    await entity.create(apiContext);
    await entity2.create(apiContext);
    await entity3.create(apiContext);
    await user1.create(apiContext);
    await user2.create(apiContext);

    await afterAction();
  });

  base.afterAll('Cleanup', async ({ browser }) => {
    const { afterAction, apiContext } = await performAdminLogin(browser);
    await entity.delete(apiContext);
    await entity2.delete(apiContext);
    await entity3.delete(apiContext);
    await user1.delete(apiContext);
    await user2.delete(apiContext);

    await afterAction();
  });

  base('Create and Assign Task with Suggestions', async ({ browser }) => {
    const { page: page1, afterAction: afterActionUser1 } =
      await performUserLogin(browser, user1);
    const { page: page2, afterAction: afterActionUser2 } =
      await performUserLogin(browser, user2);

    const value: TaskDetails = {
      term: entity.entity.displayName,
      assignee: user2.responseData.name,
    };

    await base.step('Create, Close and Assign Task to User 2', async () => {
      await redirectToHomePage(page1);
      await entity.visitEntityPage(page1);

      // Create 2 task for the same entity, one to close and 2nd for the user2 action
      await page1.getByTestId('request-description').click();
      await createDescriptionTask(page1, value);

      await page1.getByTestId('schema').click();

      await page1.getByTestId('request-entity-tags').click();

      // create tag task
      await createTagTask(page1, { ...value, tag: 'PII.None' });

      // Should only see the close and comment button
      expect(
        await page1.locator('[data-testid="comment-button"]').isDisabled()
      ).toBeTruthy();
      expect(page1.locator('[data-testid="close-button"]')).toBeVisible();
      expect(
        page1.locator('[data-testid="edit-accept-task-dropdown"]')
      ).not.toBeVisible();

      // Close 1st task
      await page1.fill(
        '[data-testid="editor-wrapper"] .ql-editor',
        'Closing the task with comment'
      );
      const commentWithCloseTask = page1.waitForResponse(
        '/api/v1/feed/tasks/*/close'
      );
      page1.locator('[data-testid="close-button"]').click();
      await commentWithCloseTask;

      await toastNotification(page1, 'Task closed successfully.');
      const openTask = await page1.getByTestId('open-task').textContent();

      expect(openTask).toContain('1 Open');

      const closedTask = await page1.getByTestId('closed-task').textContent();

      expect(closedTask).toContain('1 Closed');

      await afterActionUser1();
    });

    await base.step('Accept Task By User 2', async () => {
      await redirectToHomePage(page2);

      const taskResponse = page2.waitForResponse(
        '/api/v1/feed?type=Task&filterType=OWNER&taskStatus=Open&userId=*'
      );

      await page2
        .getByTestId('activity-feed-widget')
        .getByText('Tasks')
        .click();

      await taskResponse;

      await expect(
        page2.locator(
          '[data-testid="activity-feed-widget"] [data-testid="no-data-placeholder"]'
        )
      ).not.toBeVisible();

      const entityPageTaskTab = page2.waitForResponse(TASK_OPEN_FETCH_LINK);

      const tagsTask = page2.getByTestId('redirect-task-button-link').first();
      const tagsTaskContent = await tagsTask.innerText();

      expect(tagsTaskContent).toContain('Request to update description for');

      await tagsTask.click();
      await entityPageTaskTab;

      // Count for task should be 1 both open and closed

      const openTaskBefore = await page2.getByTestId('open-task').textContent();

      expect(openTaskBefore).toContain('1 Open');

      const closedTaskBefore = await page2
        .getByTestId('closed-task')
        .textContent();

      expect(closedTaskBefore).toContain('1 Closed');

      // Should not see the close button
      expect(page2.locator('[data-testid="close-button"]')).not.toBeVisible();

      expect(
        await page2.locator('[data-testid="comment-button"]').isDisabled()
      ).toBeTruthy();

      expect(
        page2.locator('[data-testid="edit-accept-task-dropdown"]')
      ).toBeVisible();

      await page2.getByText('Accept Suggestion').click();

      await toastNotification(page2, /Task resolved successfully/);

      await page2.waitForLoadState('networkidle');

      const openTask = await page2.getByTestId('open-task').textContent();

      expect(openTask).toContain('0 Open');

      const closedTask = await page2.getByTestId('closed-task').textContent();

      expect(closedTask).toContain('2 Closed');

      await afterActionUser2();
    });
  });

  base('Create and Assign Task without Suggestions', async ({ browser }) => {
    const { page: page1, afterAction: afterActionUser1 } =
      await performUserLogin(browser, user1);
    const { page: page2, afterAction: afterActionUser2 } =
      await performUserLogin(browser, user2);

    const value: TaskDetails = {
      term: entity2.entity.displayName,
      assignee: user2.responseData.name,
    };

    await base.step('Create, Close and Assign Task to user 2', async () => {
      await redirectToHomePage(page1);
      await entity2.visitEntityPage(page1);

      await updateDescription(page1, '');

      // Create 2 task for the same entity, one to close and 2nd for the user2 action
      await page1.getByTestId('request-description').click();

      await createDescriptionTask(page1, value, false);

      await page1.getByTestId('schema').click();

      await page1.getByTestId('request-entity-tags').click();

      // create tag task
      await createTagTask(page1, value, false);

      // Should only see the close, add and comment button
      expect(
        await page1.locator('[data-testid="comment-button"]').isDisabled()
      ).toBeTruthy();
      expect(page1.locator('[data-testid="close-button"]')).toBeVisible();
      expect(
        page1.locator('[data-testid="edit-accept-task-dropdown"]')
      ).not.toBeVisible();
      expect(
        page1.locator('[data-testid="add-close-task-dropdown"]')
      ).not.toBeVisible();

      await afterActionUser1();
    });

    await base.step(
      'Accept Task By user 2 with adding suggestions',
      async () => {
        await redirectToHomePage(page2);

        const taskResponse = page2.waitForResponse(
          '/api/v1/feed?type=Task&filterType=OWNER&taskStatus=Open&userId=*'
        );

        await page2
          .getByTestId('activity-feed-widget')
          .getByText('Tasks')
          .click();

        await taskResponse;

        await expect(
          page2.locator(
            '[data-testid="activity-feed-widget"] [data-testid="no-data-placeholder"]'
          )
        ).not.toBeVisible();

        const entityPageTaskTab = page2.waitForResponse(TASK_OPEN_FETCH_LINK);

        const tagsTask = page2.getByTestId('redirect-task-button-link').first();
        const tagsTaskContent = await tagsTask.innerText();

        expect(tagsTaskContent).toContain('Request tags for');

        await tagsTask.click();
        await entityPageTaskTab;

        expect(page2.getByTestId('noDiff-placeholder')).toBeVisible();

        // Should see the add_close dropdown and comment button
        expect(
          await page2.locator('[data-testid="comment-button"]').isDisabled()
        ).toBeTruthy();
        await expect(
          page2.getByTestId('add-close-task-dropdown')
        ).toBeVisible();
        await expect(
          page2.locator('[data-testid="close-button"]')
        ).not.toBeVisible();
        await expect(
          page2.locator('[data-testid="edit-accept-task-dropdown"]')
        ).not.toBeVisible();

        await page2.waitForSelector('.ant-skeleton-element', {
          state: 'detached',
        });

        const tagsSuggestionResponse = page2.waitForResponse(
          '/api/v1/search/query?q=***'
        );
        await page2.getByRole('button', { name: 'Add Tags' }).click();
        await tagsSuggestionResponse;

        await page2.waitForSelector('[role="dialog"].ant-modal');

        const modalTitleContent = await page2
          .locator('.ant-modal-header .ant-modal-title')
          .innerText();

        expect(modalTitleContent).toContain(
          `Request tags for table ${value.term}`
        );

        // select the Tag
        const suggestTags = page2.locator(
          '[data-testid="tag-selector"] > .ant-select-selector .ant-select-selection-search-input'
        );
        await suggestTags.click();

        const querySearchResponse = page2.waitForResponse(
          `/api/v1/search/query?q=*${'PII.None'}*&index=tag_search_index&*`
        );
        await suggestTags.fill('PII.None');

        await querySearchResponse;

        // select value from dropdown
        const dropdownValue = page2.getByTestId(`tag-PII.None`);
        await dropdownValue.hover();
        await dropdownValue.click();
        await clickOutside(page2);

        await expect(page2.getByTestId('selected-tag-PII.None')).toBeVisible();

        await page2.getByText('OK').click();

        await toastNotification(page2, /Task resolved successfully/);

        // Accept the description task

        await expect(page2.getByText('No Suggestion')).toBeVisible();

        await page2.getByRole('button', { name: 'Add Description' }).click();

        await page2.waitForSelector('[role="dialog"].ant-modal');

        const modalTitleDescriptionContent = await page2
          .locator('.ant-modal-header .ant-modal-title')
          .innerText();

        expect(modalTitleDescriptionContent).toContain(
          `Request description for table ${value.term}`
        );

        await page2.locator(descriptionBox).fill('New description');

        await page2.getByText('OK').click();

        await toastNotification(page2, /Task resolved successfully/);

        await afterActionUser2();
      }
    );
  });

  base(
    'Accepting task should throw error for not having edit permission',

    async ({ browser }) => {
      const { afterAction, apiContext } = await performAdminLogin(browser);

      const viewAllUser = new UserClass();
      const viewAllPolicy = new PolicyClass();
      const viewAllRoles = new RolesClass();

      await viewAllUser.create(apiContext);
      await viewAllPolicy.create(apiContext, rules);
      await viewAllRoles.create(apiContext, [viewAllPolicy.responseData.name]);
      const viewAllTeam = new TeamClass({
        name: `PW%team-${id}`,
        displayName: `PW Team ${id}`,
        description: 'playwright team description',
        teamType: 'Group',
        users: [viewAllUser.responseData.id],
        defaultRoles: viewAllRoles.responseData.id
          ? [viewAllRoles.responseData.id]
          : [],
      });
      await viewAllTeam.create(apiContext);

      const { page: page1, afterAction: afterActionUser1 } =
        await performUserLogin(browser, user1);
      const { page: page2, afterAction: afterActionUser2 } =
        await performUserLogin(browser, viewAllUser);

      const value: TaskDetails = {
        term: entity3.entity.displayName,
        assignee: viewAllUser.responseData.name,
      };

      try {
        await base.step('Create and Assign Task to user 3', async () => {
          await redirectToHomePage(page1);
          await entity3.visitEntityPage(page1);

          await page1.getByTestId('request-description').click();

          await createDescriptionTask(page1, value);

          await afterActionUser1();
        });

        await base.step(
          'Accept Task By user 2 should throw error for since it has only viewAll permission',
          async () => {
            await redirectToHomePage(page2);

            await entity3.visitEntityPage(page2);

            await page2.getByTestId('activity_feed').click();

            const taskResponse = page2.waitForResponse(
              '/api/v1/feed?entityLink=**type=Task&taskStatus=Open'
            );
            await page2.getByRole('menuitem', { name: 'Tasks' }).click();
            await taskResponse;

            await page2.getByText('Accept Suggestion').click();

            await toastNotification(
              page2,
              // eslint-disable-next-line max-len
              `Principal: CatalogPrincipal{name='${viewAllUser.responseData.name}'} operation EditDescription denied by role ${viewAllRoles.responseData.name}, policy ${viewAllPolicy.responseData.name}, rule editNotAllowed`
            );

            await afterActionUser2();
          }
        );
      } finally {
        await viewAllUser.delete(apiContext);
        await viewAllPolicy.delete(apiContext);
        await viewAllRoles.delete(apiContext);
        await viewAllTeam.delete(apiContext);

        await afterAction();
      }
    }
  );
});