update react-ui & storybook deps

db-viewer-ui/index.tsx

@@ -1,4 +1,7 @@
-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

@@ -55,14 +55,15 @@
     "tslib": "^2.3.0"
   },
   "devDependencies": {
-    "@skbkontur/icons": "^1.3.0",
-    "@skbkontur/react-ui": "^4.1.0",
-    "@storybook/addon-actions": "^7.0.7",
-    "@storybook/addons": "^7.0.7",
-    "@storybook/cli": "^7.4.6",
-    "@storybook/react": "^7.0.7",
-    "@storybook/react-vite": "^7.4.6",
-    "@types/lodash": "^4.14.171",
+    "@skbkontur/icons": "^1.7.3",
+    "@skbkontur/react-selenium-testing": "^0.2.1",
+    "@skbkontur/react-ui": "^4.19.0",
+    "@storybook/addon-actions": "^7.6.8",
+    "@storybook/addons": "^7.6.8",
+    "@storybook/cli": "^7.6.8",
+    "@storybook/react": "^7.6.8",
+    "@storybook/react-vite": "^7.6.8",
+    "@types/lodash": "^4.14.202",
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.15",
     "@types/react-router": "^5.1.16",
@@ -85,7 +86,7 @@
     "react-refresh": "^0.10.0",
     "react-router-dom": "^6.11.1",
     "rimraf": "^3.0.2",
-    "storybook-addon-react-router-v6": "^2.0.7",
+    "storybook-addon-react-router-v6": "^2.0.10",
     "typescript": "^4.3.5",
     "vite": "^4.4.9",
     "vitest": "^0.30.1"

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

@@ -0,0 +1,30 @@
+import type { ReactSeleniumTestingType } from "@skbkontur/react-selenium-testing";
+
+window.global ||= window;
+
+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 as any).ReactSeleniumTesting = customization;