DevExpress · pomahtri · Mar 18, 2025 · Mar 18, 2025 · Mar 18, 2025 · Mar 25, 2025
@@ -69,3 +69,4 @@ jobs:
         devextreme-demos
         devextreme-react-playground
         devextreme-vue-playground
+        devextreme-testcafe-tests-storybook
diff --git a/.gitignore b/.gitignore
@@ -24,6 +24,7 @@ node_modules
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
+!.vscode/workspaces
 
 
 # System Files

diff --git a/.vscode/workspaces/cardview.code-workspace b/.vscode/workspaces/cardview.code-workspace
@@ -0,0 +1,52 @@
+{
+  "folders": [
+    {
+      "path": "../..",
+      "name": "Full"
+    },
+    {
+      "path": "../../packages/devextreme/js/__internal/grids/new/card_view",
+      "name": "Card View",
+    },
+    {
+      "path": "../../packages/devextreme/js/__internal/grids/new/grid_core",
+      "name": "Grid Core",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/base/gridCore",
+      "name": "Scss - gridCore - base",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/generic/gridCore",
+      "name": "Scss - gridCore - generic",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/material/gridCore",
+      "name": "Scss - gridCore - material",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/fluent/gridCore",
+      "name": "Scss - gridCore - fluent",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/base/cardView",
+      "name": "Scss - cardview - base",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/generic/cardView",
+      "name": "Scss - cardview - generic",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/material/cardView",
+      "name": "Scss - cardview - material",
+    },
+    {
+      "path": "../../packages/devextreme-scss/scss/widgets/fluent/cardView",
+      "name": "Scss - cardview - fluent",
+    },
+    {
+      "path": "../../packages/devextreme/js/ui/card_view",
+      "name": "Declarations",
+    },
+  ],
+}
diff --git a/apps/inferno/.gitignore b/apps/inferno/.gitignore
@@ -0,0 +1,2 @@
+/public
+!/public/index.html
diff --git a/apps/inferno/index.tsx b/apps/inferno/index.tsx
@@ -0,0 +1,25 @@
+import { render } from 'inferno';
+import { Card } from 'devextreme/esm/__internal/grids/new/card_view/content_view/card'
+
+import 'devextreme/dist/css/dx.light.css';
+
+const App = () => {
+  return (
+    <Card
+      row={{
+        key: 1,
+        cells: [
+          {
+            value: 1,
+            column: {
+              name: 'asd',
+              alignment: 'right'
+            }
+          }
+        ]
+      }}
+    ></Card>
+  )
+}
+
+render(<App/>, document.querySelector("#app"))
diff --git a/apps/inferno/package.json b/apps/inferno/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "devextreme-inferno-playground",
+  "dependencies": {
+    "devextreme": "^24.2.0",
+    "inferno": "^7.4.9"
+  },
+  "devDependencies": {
+    "@babel/core": "7.23.9",
+    "@babel/preset-env": "7.23.9",
+    "@babel/preset-typescript": "^7.24.7",
+    "babel-loader": "^9.1.3",
+    "babel-plugin-inferno": "6.7.1",
+    "css-loader": "6.10.0",
+    "style-loader": "3.3.4",
+    "webpack": "5.94.0"
+  }
+}
diff --git a/apps/inferno/public/index.html b/apps/inferno/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <div id="app"></div>
+  <script src="./js/app/bundle.js"></script>
+</body>
+</html>
diff --git a/apps/inferno/tsconfig.json b/apps/inferno/tsconfig.json
@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "jsx": "preserve"
+  }
+}
diff --git a/apps/inferno/webpack.config.js b/apps/inferno/webpack.config.js
@@ -0,0 +1,44 @@
+const path = require('path');
+
+module.exports = {
+  mode: "development",
+  entry: "./index.tsx",
+  output: {
+    filename: "bundle.js",
+    publicPath: "/js/app/",
+    path: path.resolve(__dirname, 'public/js/app')
+  },
+  devtool: "source-map",
+  devServer: {
+    port: 9000,
+    open: true
+  },
+  resolve: {
+    extensions: [".ts", ".tsx", ".js"],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(?:js|mjs|cjs|ts|tsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [
+              '@babel/preset-env',
+              '@babel/preset-typescript'
+            ],
+            "plugins": [["babel-plugin-inferno", {"imports": true}]]
+          },
+        }
+      },
+      {
+        test: /\.css$/,
+        use: [
+          { loader: "style-loader" },
+          { loader: "css-loader" },
+        ]
+      },
+    ]
+  }
+};
diff --git a/e2e/testcafe-storybook/.eslintrc.js b/e2e/testcafe-storybook/.eslintrc.js
@@ -0,0 +1,14 @@
+/* eslint-env node */
+/* eslint-disable spellcheck/spell-checker */
+module.exports = {
+    overrides: [{
+        files: ['*.ts'],
+        extends: ['devextreme/testcafe'],
+        rules: {
+            'no-only-tests/no-only-tests': 'error',
+        },
+        parserOptions: {
+            project: true,
+        },
+    }],
+};
diff --git a/e2e/testcafe-storybook/.gitignore b/e2e/testcafe-storybook/.gitignore
@@ -0,0 +1,2 @@
+/screenshots
+/artifacts
diff --git a/e2e/testcafe-storybook/.testcaferc.json b/e2e/testcafe-storybook/.testcaferc.json
@@ -0,0 +1,10 @@
+{
+  "screenshots": {
+    "path": "./",
+    "takeOnFails": true,
+    "pathPattern": "/artifacts/failedtests/${TEST}"
+  },
+  "screenshots-comparer": {
+    "path": "./"
+  }
+}
diff --git a/e2e/testcafe-storybook/package.json b/e2e/testcafe-storybook/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "devextreme-testcafe-tests-storybook",
+  "version": "24.2.0",
+  "scripts": {
+    "test": "node ./runner.js",
+    "lint": "eslint --ext .js,.ts .",
+    "update-failed-etalons": "node update_failed_etalons.mjs"
+  },
+  "devDependencies": {
+    "@babel/plugin-transform-runtime": "7.19.6",
+    "@testcafe-community/axe": "3.5.0",
+    "@types/jquery": "3.5.29",
+    "axe-core": "4.10.0",
+    "devextreme": "workspace:*",
+    "devextreme-screenshot-comparer": "2.0.17",
+    "devextreme-testcafe-models": "workspace:*",
+    "minimist": "1.2.8",
+    "nconf": "0.12.1",
+    "testcafe": "2.5.0"
+  }
+}
diff --git a/e2e/testcafe-storybook/project.json b/e2e/testcafe-storybook/project.json
@@ -0,0 +1,35 @@
+{
+  "name": "devextreme-testcafe-tests-storybook",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "e2e/testcafe-devextreme",
+  "projectType": "application",
+  "targets": {
+    "lint": {
+      "executor": "nx:run-script",
+      "options": {
+        "script": "lint"
+      },
+      "inputs": [
+        "{projectRoot}/**/*.js",
+        "{projectRoot}/**/*.ts"
+      ],
+      "cache": true
+    },
+    "test": {
+      "executor": "nx:run-script",
+      "options": {
+        "script": "test"
+      },
+      "inputs": [
+        "^default",
+        "{projectRoot}/helpers/**/*",
+        "{projectRoot}/tests/**/*",
+        "{projectRoot}/.testcaferc.json",
+        "{projectRoot}/runner.js",
+        "{projectRoot}/tsconfig.json"
+      ],
+      "cache": true
+    }
+  },
+  "tags": []
+}