import BasePage from '../../Base';
import { ProjectViewPage } from './index';

export class AccessSettingsPage extends BasePage {
  readonly projectView: ProjectViewPage;

  constructor(projectView: ProjectViewPage) {
    super(projectView.rootPage);
    this.projectView = projectView;
  }

  get() {
    return this.rootPage.locator('.nc-access-settings-view');
  }

  async setRole(email: string, role: string, networkValidation = true) {
    await this.get().locator('.nc-collaborators-list-row').nth(0).waitFor({ state: 'visible' });
    const userCount = await this.get().locator('.nc-collaborators-list-row').count();
    for (let i = 0; i < userCount; i++) {
      const user = this.get().locator('.nc-collaborators-list-row').nth(i);
      const userEmail = (await user.locator('.email').innerText()).split('\n')[1];
      if (userEmail === email) {
        const roleDropdown = user.locator('.nc-collaborator-role-select');

        const selectedRole = await user.locator('.nc-collaborator-role-select .badge-text').innerText();

        await roleDropdown.click();
        const menu = this.rootPage.locator('.nc-role-select-dropdown:visible');
        const clickClbk = () => menu.locator(`.nc-role-select-${role.toLowerCase()}:visible`).last().click();

        if (networkValidation && !selectedRole.includes(role)) {
          await this.waitForResponse({
            uiAction: clickClbk,
            requestUrlPathToMatch: '/users',
            httpMethodsToMatch: ['POST'],
          });
        } else {
          await this.rootPage.waitForTimeout(500);
        }

        break;
      }
    }
  }
}