Component properties are not appearing in the Jest environment.

[Ooner]

Prerequisites

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

What happened?

Component properties are not appearing in the Jest environment.

I've included example tests for button, select, and pagination, but the same problem exists for nearly all components.

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

React

On which version of the frontend framework are you experiencing the issue?

3.2.0

Which version of iX do you use?

v.3.2.0

Code to produce this issue.

https://stackblitz.com/edit/qnpjpb-es8qwiwo

[AndreasBerliner]

Hi @Ooner
Currently most component properties are not rendered in the DOM unless necessary. This behavior is intended but we will evaluate. For testing purposes we suggest to use ARIA attributes wherever possible.

[alexkaduk]

Possible approach for expect to check icon correctness might be

import { render, screen } from '@testing-library/react';
import { IxButton } from '@siemens/ix-react';
import { iconStar } from '@siemens/ix-icons/icons';
import type { HTMLIxButtonElement } from '@siemens/ix';

test('button has correct icon', () => {
  render(
    <IxButton icon={iconStar} data-testid="my-button">
      Save
    </IxButton>
  );
  expect(button).toHaveProperty('icon', iconCheck);
});