Function installReactTrackedInput

tests/e2e/specs/l0-webdriver-protocol.spec.ts:38–81

(id: string, initialValue: string)

}

async function installReactTrackedInput(id: string, initialValue: string): Promise<void> {
  await browser.execute(({ inputId, value }) => {
    let input = document.getElementById(inputId) as HTMLInputElement | null;
    if (!input) {
      input = document.createElement('input');
      input.id = inputId;
      input.style.position = 'fixed';
      input.style.left = '24px';
      input.style.top = '196px';
      document.body.appendChild(input);
    }

    const proto = Object.getPrototypeOf(input) as HTMLInputElement;
    const descriptor = Object.getOwnPropertyDescriptor(proto, 'value');
    if (!descriptor?.get || !descriptor?.set) {
      throw new Error('Missing native value descriptor');
    }

    const tracker = { currentValue: value, syntheticChanges: 0 };
    Object.defineProperty(input, 'value', {
      configurable: true,
      get() {
        return descriptor.get!.call(this);
      },
      set(next: string) {
        tracker.currentValue = String(next);
        descriptor.set!.call(this, next);
      },
    });

    descriptor.set.call(input, value);
    input.focus();
    input.setSelectionRange(value.length, value.length);
    (window as typeof window & { __wdReactTracker?: typeof tracker }).__wdReactTracker = tracker;

    input.oninput = () => {
      const liveValue = descriptor.get!.call(input!);
      if (liveValue !== tracker.currentValue) {
        tracker.syntheticChanges += 1;
        tracker.currentValue = liveValue;
      }
    };
  }, { inputId: id, value: initialValue });
}

describe('L0 Embedded WebDriver Protocol', () => {
  it('supports alert lifecycle endpoints', async () => {