@truedat/bg 8.3.2 → 8.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/bg",
-  "version": "8.3.2",
+  "version": "8.3.3",
   "description": "Truedat Web Business Glossary",
   "sideEffects": false,
   "module": "src/index.js",
@@ -48,7 +48,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.3.2",
+    "@truedat/test": "8.3.3",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -81,5 +81,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "ed0c289882710d6df3483692fab5833747130cbf"
+  "gitHead": "4659d78d53d18027bcfb8f8cdb221378e78d7ef6"
 }

package/src/concepts/components/ConceptSubscription.js

@@ -22,6 +22,7 @@ export const ConceptSubscription = ({
   deleteSubscription,
 }) => {
   const [subscriptionField, setSubscription] = useState(searchSubscription);
+  const [isOpen, setIsOpen] = useState(false);
 
   useEffect(() => {
     setSubscription(searchSubscription);
@@ -57,6 +58,7 @@ export const ConceptSubscription = ({
     _.prop("id")(subscriptionField)
       ? updateSubscription(payload)
       : createSubscription(payload);
+    setIsOpen(false);
   };
 
   const handleDelete = () => {
@@ -66,7 +68,10 @@ export const ConceptSubscription = ({
       resource_type: "concept",
       concept,
     };
-    _.prop("id")(subscriptionField) && deleteSubscription(payload);
+    if (_.prop("id")(subscriptionField)) {
+      deleteSubscription(payload);
+      setIsOpen(false);
+    }
   };
 
   const handleChange = (e, { name, value }) => {
@@ -82,6 +87,9 @@ export const ConceptSubscription = ({
       basic
       flowing
       position="bottom right"
+      open={isOpen}
+      onOpen={() => setIsOpen(true)}
+      onClose={() => setIsOpen(false)}
       trigger={
         <Button
           basic

package/src/concepts/components/__tests__/ConceptSubscription.spec.js

@@ -1,3 +1,5 @@
+import userEvent from "@testing-library/user-event";
+import { waitFor } from "@testing-library/react";
 import { render, waitForLoad } from "@truedat/test/render";
 import { ConceptSubscription } from "../ConceptSubscription";
 
@@ -19,10 +21,17 @@ describe("<ConceptSubscription />", () => {
   };
   const subscriptionUpdating = false;
 
+  const createSubscription = jest.fn();
+  const updateSubscription = jest.fn();
+  const deleteSubscription = jest.fn();
+
   const props = {
     concept,
     searchSubscription,
     subscriptionUpdating,
+    createSubscription,
+    updateSubscription,
+    deleteSubscription,
   };
 
   it("matches the latest snapshot", async () => {
@@ -30,4 +39,23 @@ describe("<ConceptSubscription />", () => {
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
   });
+
+  it("closes the popup after saving the subscription", async () => {
+    const rendered = render(<ConceptSubscription {...props} />);
+    await waitForLoad(rendered);
+
+    const user = userEvent.setup({ delay: null });
+
+    // abre el popup haciendo click en el botón de suscripción
+    await user.click(rendered.getByRole("button"));
+
+    // click en guardar
+    const saveButton = await rendered.findByText(/actions.save/i);
+    await user.click(saveButton);
+
+    // el popup se cierra (contenido ya no está en el DOM)
+    await waitFor(() =>
+      expect(rendered.queryByText(/actions.save/i)).not.toBeInTheDocument()
+    );
+  });
 });