clear.ts

import type { Driver } from '../Driver.js';
import { InvalidElementState } from '../errors/InvalidElementState.js';
import { fromWebDriverElement } from '../helpers/Element.js';
import { isEditableElement } from '../helpers/isEditableElement.js';

export function clear(this: Driver, elementId: string): void {
  const element = fromWebDriverElement(elementId);

  if (!isEditableElement(element)) {
    throw InvalidElementState('element is not editable');
  }

  if (element.isContentEditable) {
    if (element.innerHTML !== '') {
      element.focus();
      element.innerHTML = '';
      element.blur();
    }

    return;
  }

  const input = element as HTMLInputElement | HTMLTextAreaElement;
  if (input.value) {
    input.focus();
    input.value = '';
    input.blur();
  }
}