All input components throw error in tests

[charlesp-siemens]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

Any test (using Jest) that contains an IxInput, IxNumberInput, or IxSelect throws an error immediately upon rendering. The format of the error is shown below. I have also attached the console log output of running the below code to reproduce the issue.

ix_2.6.1_input_errors.txt

Error: Uncaught [TypeError: this.attachInternals is not a function]

We have also downloaded and used the latest version of the iX 'main' branch to test with (the in-progress version 2.6.1) to see if the latest bug fixes resolve this issue - but they do not.

What type of frontend framework are you seeing the problem on?

React

Which version of iX do you use?

2.6.0

Code to produce this issue.

import { IxApplicationContext, IxInput, IxNumberInput, IxSelect } from '@siemens/ix-react';
import { render } from '@testing-library/react';

describe('iX 2.6.1 input / select error test', () => {
  test('test IxInput component to see if it still throws a typeException', () => {
    render(
      <IxApplicationContext>
        <IxInput />
      </IxApplicationContext>,
    );
  });

  test('test IxNumberInput component to see if it still throws a typeException', () => {
    render(
      <IxApplicationContext>
        <IxNumberInput />
      </IxApplicationContext>,
    );
  });

  test('test IxSelect component to see if it still throws a typeException', () => {
    render(
      <IxApplicationContext>
        <IxSelect />
      </IxApplicationContext>,
    );
  });
});

[danielleroux]

This is not an issue of ix, your testing environment does simply not support the latest html standards you have to update it or apply a polyfill during test setup (e.g https://www.npmjs.com/package/element-internals-polyfill).

• https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals
• https://caniuse.com/?search=attachInternals