[ObjectPageTitle / Toolbar]: Unit tests fail with Syntax error: > :nth-last-child(n + 2) is invalid coming from ObjectPageTitle/index.js

[arijitpatra-sap]

Describe the bug

Issue during unit tests with ObjectPageTitle... The selector > :nth-last-child(n + 2) is in @ui5/webcomponents-react/dist/components/ObjectPageTitle/index.js

usage:

<ObjectPageTitle
                    actionsBar={
                        <Toolbar design={ToolbarDesign.Transparent}>
                            <CreateTemplateButton
                                dispatchHostRefresh={remount}
                            />
                        </Toolbar>
                    }
                    header={
                        <Title
                            data-testid="vm-header-title"
                            wrappingType={WrappingType.None}
                        >
                            {t('variantManagement.title')}
                        </Title>
                    }
                ></ObjectPageTitle>

removing the Toolbar component solves the issue (just keeping the CreateTemplateButton

, so maybe some issue with the Toolbar component here under ObjectPageTitle

Isolated Example

No response

Reproduction steps

...

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

^2.7.1

UI5 Web Components Version

^2.7.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

• I’m not disclosing any internal or sensitive information.

[Lukas742]

Hi @arijitpatra-sap

this is an issue with jsdom, as :has is not supported there. --> jsdom/jsdom#3506

We replaced :has in this PR, so the issue should be resolved for you with the next ui5wcr version. Since :has is a standard API and supported by all major browsers, this doesn't mean that it's not used anywhere else, so you will have to most probably polyfill or mock the behavior (if possible).

In case you feel like this should be supported by the ui5-webcomponents DOM shim, then please raise a feature request in the ui5-webcomponents repo, so our colleagues can decide if it's feasible to implement.

[arijitpatra-sap]

Thanks, a package upgrade solved this... I came back to close this ticket and saw your response here. Thanks. :)