import type { CompassBrowser } from '../compass-browser';
import * as Selectors from '../selectors';

export async function setValidation(
  browser: CompassBrowser,
  value: string
): Promise<void> {
  await browser.setCodemirrorEditorValue(Selectors.ValidationEditor, value);

  // it should eventually detect that the text changed
  const validationActionMessageElement = await browser.$(
    Selectors.ValidationActionMessage
  );
  await validationActionMessageElement.waitForDisplayed();

  await browser.clickVisible(Selectors.UpdateValidationButton);

  // both buttons should become hidden if it succeeds
  await validationActionMessageElement.waitForDisplayed({
    reverse: true,
  });

  const updateValidationButtonElement = await browser.$(
    Selectors.UpdateValidationButton
  );
  await updateValidationButtonElement.waitForDisplayed({
    reverse: true,
  });
}