From 752c60d755012889d501946a3a051b7228e47ab1 Mon Sep 17 00:00:00 2001 From: Alex Andreev Date: Wed, 1 Feb 2023 13:31:46 +0300 Subject: [PATCH] Testing clicking plus icon Signed-off-by: Alex Andreev --- .../namespace-tree-view.test.tsx.snap | 208 ++++++++++++++++++ .../+namespaces/namespace-tree-view.test.tsx | 14 ++ .../+namespaces/namespace-tree-view.tsx | 2 +- 3 files changed, 223 insertions(+), 1 deletion(-) diff --git a/packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-tree-view.test.tsx.snap b/packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-tree-view.test.tsx.snap index 67d45e7b34..ee2475fad5 100644 --- a/packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-tree-view.test.tsx.snap +++ b/packages/core/src/renderer/components/+namespaces/__snapshots__/namespace-tree-view.test.tsx.snap @@ -120,6 +120,7 @@ exports[` once the subscribe resolves collapses item by cli once the subscribe resolves collapses item by cli `; +exports[` once the subscribe resolves expands item by clicking plus button 1`] = ` + +
+
+
+ Tree View +
+
    +
  • +
    +
    + +
    +
    + levels-deep +
    +
    +
      +
      +
      +
    • +
      +
      + +
      +
      + level-deep-child-a + +
      +
      +
        +
        +
        +
        +
      +
      • +
    • +
      +
      + +
      +
      + level-deep-child-b + +
      +
      +
        +
        +
        +
      • +
        +
        + +
        +
        + level-deep-subchild-a + +
        +
        +
          +
          +
          +
          +
        +
        • +
        +
        +
      +
      • +
      +
      +
    +
    • +
+
+
+ +`; + exports[` once the subscribe resolves renders 2 levels deep 1`] = `
diff --git a/packages/core/src/renderer/components/+namespaces/namespace-tree-view.test.tsx b/packages/core/src/renderer/components/+namespaces/namespace-tree-view.test.tsx index 0ea029de33..f767cdf799 100644 --- a/packages/core/src/renderer/components/+namespaces/namespace-tree-view.test.tsx +++ b/packages/core/src/renderer/components/+namespaces/namespace-tree-view.test.tsx @@ -236,5 +236,19 @@ describe("", () => { expect(result.baseElement).toMatchSnapshot(); }); + + it("expands item by clicking plus button", () => { + const result = render(); + const levelB = result.getByTestId("namespace-level-deep-child-b-1"); + const minusButton = levelB.querySelector("[data-testid='minus-square']"); + + fireEvent.click(minusButton!); + + const plusButton = levelB.querySelector("[data-testid='plus-square']"); + + fireEvent.click(plusButton!); + + expect(result.baseElement).toMatchSnapshot(); + }); }); }); \ No newline at end of file diff --git a/packages/core/src/renderer/components/+namespaces/namespace-tree-view.tsx b/packages/core/src/renderer/components/+namespaces/namespace-tree-view.tsx index 1cbd52ecef..47df0cda7f 100644 --- a/packages/core/src/renderer/components/+namespaces/namespace-tree-view.tsx +++ b/packages/core/src/renderer/components/+namespaces/namespace-tree-view.tsx @@ -107,7 +107,7 @@ function MinusSquare() { function PlusSquare() { return ( - + );