import 'codeceptjs';
import { logger } from '../Logger/logger';
import { CommonKeyword } from "./commonKeyword";

/**
 * User Preference Column Setting class
 */
export class UserPreferenceColumnSetting {
  /**
   * To Set Filter Column are per the user preference in the listing grid filter
   * ```js
   * await UserPreferenceColumnSetting.setFilterColumn("Project Name","ProjectId"); //Multipe Paramater can be send by comma seperated
   * ```
   * @param {string} columnToAdd
   */
  static async setFilterColumn(...columnToAdd: string[]) {
    try {
      await CommonKeyword.clickElement(`.//dew-listing-userpref-cols//button[contains(@class,'filter')]`);
      await CommonKeyword.clickElement(`.//dew-checkbox[input[@id='selectAll']]`);
      await CommonKeyword.clickElement(`.//dew-checkbox[input[@id='selectAll']]`);

      for (const element of columnToAdd) {
        await CommonKeyword.scrollIntoView(`.//dew-popover-body//dew-checkbox[input[@id='${element}']]`);
        // await z.scrollIntoView(`.//dew-checkbox[input[@id='${element}']]`, true);
        await CommonKeyword.clickElement(`.//dew-popover-body//dew-checkbox[input[@id='${element}']]`);
      }
    } catch (error) {
      logger.log(`Issue while performing operation in DDCC: Error while select column in user preference setting`);

      throw error;
    }
  }
}