TestCafe Typescript - how to assert the value of a disabled html input element?

Question

TestCafe Typescript - how to assert the value of a disabled HTML input element?

The element is disabled to avoid interaction by the end user. However, I would like to check that this element contains the expected value.

example
  public async checksomething(text: string) {
    const inputElement = this.inputSelector();
    await t
      .click(this.someDiv())
      .expect(inputElement().value)
      .contains(text);
  }

Answer 1

I tried to reproduce your usage scenario in the following sample:

<input type="text" value="12345" disabled="disabled"/>

async function checksomething (t, text) {
    const inputElement = Selector('input');
    await t
        .expect(inputElement().value)
        .contains(text);
}

test(`test`, async t => {
    await checksomething(t, '12345');
});

Everything works as expected. There is no error. Please take a look at the this.someDiv element. Check if it is visible. If it does not help, please share your sample to reproduce the issue on my machine.