Restructure to monorepo (#6907)

* wip: restructure to monorepo Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * refactor create-release-pr to a package Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * build fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * github workflow fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix typo Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * add webpack-env types to core Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix github workflows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * refactor/fix integration tests Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * lint fix Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * yarn run dev Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * eslint settings for vscode Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * move templates to right package Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * open-lens build fixes Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * integration test fix Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix nx task dependencies Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * use bash shell for unit tests in test workflow Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix test:unit for windows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix win-ca webpack error in open-lens Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix win-ca webpack error in open-lens Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * fix build:app on windows Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * remove ELECTRON_BUILDER_EXTRA_ARGS Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * sync src/ from master Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> * remove Makefile from core Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com> Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
2025-05-20 05:10:56 +00:00 · 2023-01-24 10:46:26 -08:00
1 parent 0066ca4ea2
commit 2657df2293
@@ -0,0 +1,182 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import React from "react";
+import type { RenderResult } from "@testing-library/react";
+import { fireEvent } from "@testing-library/react";
+import isEmpty from "lodash/isEmpty";
+import queryParametersInjectable from "../renderer/routes/query-parameters.injectable";
+import currentPathInjectable from "../renderer/routes/current-path.injectable";
+import type { IComputedValue } from "mobx";
+import { getApplicationBuilder } from "../renderer/components/test-utils/get-application-builder";
+import type { FakeExtensionOptions } from "../renderer/components/test-utils/get-extension-fake";
+import type { LensRendererExtension } from "../extensions/lens-renderer-extension";
+
+describe("navigate to extension page", () => {
+  let rendered: RenderResult;
+  let testExtension: LensRendererExtension;
+  let queryParameters: IComputedValue<object>;
+  let currentPath: IComputedValue<string>;
+
+  beforeEach(async () => {
+    const builder = getApplicationBuilder();
+
+    builder.extensions.enable(extensionWithPagesHavingParameters);
+
+    rendered = await builder.render();
+
+    const windowDi = builder.applicationWindow.only.di;
+
+    testExtension =
+      builder.extensions.get("some-extension-id").applicationWindows.only;
+
+    queryParameters = windowDi.inject(queryParametersInjectable);
+    currentPath = windowDi.inject(currentPathInjectable);
+  });
+
+  it("renders", () => {
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  describe("when extension navigates to route without parameters", () => {
+    beforeEach(() => {
+      testExtension.navigate();
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("URL is correct", () => {
+      expect(currentPath.get()).toBe("/extension/some-extension-name");
+    });
+
+    it("query parameters is empty", () => {
+      expect(queryParameters.get()).toEqual({});
+    });
+
+    describe("when changing page parameters", () => {
+      beforeEach(() => {
+        const button = rendered.getByTestId("button-to-change-page-parameters");
+
+        fireEvent.click(button);
+      });
+
+      it("renders", () => {
+        expect(rendered.container).toMatchSnapshot();
+      });
+
+      it("URL is correct", () => {
+        expect(currentPath.get()).toBe("/extension/some-extension-name");
+      });
+
+      it("knows query parameters", () => {
+        expect(queryParameters.get()).toEqual({
+          someStringParameter: "some-changed-string-value",
+          someNumberParameter: "84",
+          someArrayParameter:
+            "some-changed-array-value,some-other-changed-array-value",
+        });
+      });
+    });
+  });
+
+  describe("when extension navigates to route with parameters", () => {
+    beforeEach(() => {
+      testExtension.navigate(undefined, {
+        someStringParameter: "some-string-value-from-navigate",
+        someNumberParameter: 126,
+        someArrayParameter: ["some-array-value-from-navigate"],
+      });
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("URL is correct", () => {
+      expect(currentPath.get()).toBe("/extension/some-extension-name");
+    });
+
+    it("knows query parameters", () => {
+      expect(queryParameters.get()).toEqual({
+        someStringParameter: "some-string-value-from-navigate",
+        someNumberParameter: "126",
+        someArrayParameter: "some-array-value-from-navigate",
+      });
+    });
+  });
+
+  describe("when extension navigates to child route", () => {
+    beforeEach(() => {
+      testExtension.navigate("some-child-page-id");
+    });
+
+    it("renders", () => {
+      expect(rendered.container).toMatchSnapshot();
+    });
+
+    it("URL is correct", () => {
+      expect(currentPath.get()).toBe("/extension/some-extension-name/some-child-page-id");
+    });
+  });
+});
+
+const extensionWithPagesHavingParameters: FakeExtensionOptions = {
+  id: "some-extension-id",
+  name: "some-extension-name",
+
+  rendererOptions: {
+    globalPages: [
+      {
+        components: {
+          Page: ({ params }) => (
+            <div>
+              <ul>
+                <li>{params.someStringParameter.get()}</li>
+                <li>{params.someNumberParameter.get()}</li>
+                <li>{params.someArrayParameter.get().join(",")}</li>
+              </ul>
+
+              <button
+                type="button"
+                data-testid="button-to-change-page-parameters"
+                onClick={() => {
+                  params.someStringParameter.set("some-changed-string-value");
+                  params.someNumberParameter.set(84);
+                  params.someArrayParameter.set([
+                    "some-changed-array-value",
+                    "some-other-changed-array-value",
+                  ]);
+                }}
+              >
+                Some button
+              </button>
+            </div>
+          ),
+        },
+
+        params: {
+          someStringParameter: "some-string-value",
+          someNumberParameter: {
+            defaultValue: 42,
+            stringify: (value) => value.toString(),
+            parse: (value) => (value ? Number(value) : undefined),
+          },
+          someArrayParameter: {
+            defaultValue: ["some-array-value", "some-other-array-value"],
+            stringify: (value) => value.join(","),
+            parse: (value: string[]) => (!isEmpty(value) ? value : undefined),
+          },
+        },
+      },
+      {
+        id: "some-child-page-id",
+        components: {
+          Page: () => <div>Child page</div>,
+        },
+      },
+    ],
+  },
+};