kie-issues#950: Exploratory phase of the strategy for implementing the E2E test suite for the new SceSim editor

packages/scesim-editor/.babelrc.json

@@ -0,0 +1,18 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

packages/scesim-editor/.storybook/main.ts

@@ -0,0 +1,31 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { baseConfig } from "@kie-tools/storybook-base/dist/config/baseConfig";
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { env } from "../env";
+const buildEnv: any = env; // build-env is not typed
+
+const config = {
+  ...baseConfig(buildEnv.webpack.dev),
+};
+
+export default config;

packages/scesim-editor/dev-webapp/src/index.tsx → packages/scesim-editor/.storybook/manager.ts

@@ -17,11 +17,9 @@
  * under the License.
  */
 
-import * as React from "react";
-import * as ReactDOM from "react-dom";
+import { addons } from "@storybook/manager-api";
+import { KieToolsTheme } from "@kie-tools/storybook-base/dist/config/theme";
 
-import { DevWebApp } from "./DevWebApp";
-
-import "./index.css";
-
-ReactDOM.render(<DevWebApp />, document.getElementById("dev-webapp"));
+addons.setConfig({
+  theme: KieToolsTheme,
+});

packages/scesim-editor/.storybook/preview.tsx

@@ -0,0 +1,56 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *  http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import * as React from "react";
+import type { Preview } from "@storybook/react";
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: "^on[A-Z].*" },
+    options: {
+      storySort: {
+        order: [
+          "Dev",
+          "SceSim Editor",
+          ["Overview", "*", ["Overview", "*", ["Overview", "*"]]],
+          "Features",
+          ["Overview", "*", ["Overview", "*", ["Overview", "*"]]],
+          "Use Cases",
+          ["Overview", "*", ["Overview", "*", ["Overview", "*"]]],
+        ],
+      },
+    },
+    docs: {
+      toc: {
+        headingSelector: "h2, h3",
+      },
+    },
+  },
+
+  // It should be Story() to be possible to use "preview-api" inside stories; (https://github.com/storybookjs/storybook/issues/22132)
+  decorators: [
+    (Story) => (
+      <div data-testid="test-scenario-editor" style={{ margin: "1em" }}>
+        {Story()}
+      </div>
+    ),
+  ],
+};
+
+export default preview;