use @skbkontur/react-selenium-testing package

db-viewer-ui/index.tsx

@@ -1,4 +1,6 @@
-import "./react-selenium-testing";
+import "./react-selenium-prep";
+import "@skbkontur/react-selenium-testing";
+
 import React from "react";
 import ReactDom from "react-dom";
 import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";

db-viewer-ui/package.json

@@ -56,6 +56,7 @@
   },
   "devDependencies": {
     "@skbkontur/icons": "^1.3.0",
+    "@skbkontur/react-selenium-testing": "^0.2.1",
     "@skbkontur/react-ui": "^4.1.0",
     "@storybook/addon-actions": "^7.0.7",
     "@storybook/addons": "^7.0.7",

db-viewer-ui/react-selenium-prep.ts

@@ -0,0 +1,30 @@
+import type { ReactSeleniumTestingType } from "@skbkontur/react-selenium-testing";
+
+const customization: ReactSeleniumTestingType = {
+    attributeWhiteList: {
+        error: [/.*/],
+        warning: [/.*/],
+        disabled: [/.*/],
+        "data-page-number": [/.*/],
+        disablePortal: ["ComboBoxRenderer"],
+        checked: [/.*/],
+        items: ["RadioGroup"],
+        value: [/Input|Textarea|RadioGroup|FilteredInput/],
+        activePage: ["Paging"],
+        pagesCount: ["Paging"],
+        trigger: [/Tooltip|ValidationTooltip|ValidationWrapper|ValidationWrapperV1/],
+        active: [/.*/],
+        className: [/.*/],
+        "data-active": [/.*/],
+    },
+    acceptAttribute: (prevAcceptResult, componentName, propName) => {
+        if (componentName === "Select" && propName === "items") {
+            return true;
+        }
+        return prevAcceptResult;
+    },
+};
+
+window.global ||= window;
+
+global.ReactSeleniumTesting = customization;