import BasePage from '../../Base';
import { DataSourcesPage } from './DataSources';

export class AclPage extends BasePage {
  readonly dataSources: DataSourcesPage;

  constructor(dataSources: DataSourcesPage) {
    super(dataSources.rootPage);
    this.dataSources = dataSources;
  }

  get() {
    return this.dataSources.get();
  }

  async toggle({ table, role }: { table: string; role: string }) {
    await this.get().locator(`.nc-acl-${table}-${role}-chkbox`).click();
  }

  async save() {
    await this.waitForResponse({
      uiAction: () => this.get().locator(`button:has-text("Save")`).click(),
      httpMethodsToMatch: ['POST'],
      requestUrlPathToMatch: '/visibility-rules',
    });
    await this.verifyToast({ message: 'Updated UI ACL for tables successfully' });
  }
}