@instructure/ui-drilldown 10.19.2-snapshot-2 → 10.19.2-snapshot-4

package/lib/Drilldown/DrilldownPage/__new-tests__/DrilldownPage.test.js

@@ -1,355 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _react = require("@testing-library/react");
-var _vitest = require("vitest");
-var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
-require("@testing-library/jest-dom");
-var _index = require("../../index");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _Drilldown, _Drilldown2, _Drilldown$Option, _Drilldown$Option2, _Drilldown3, _Drilldown$Option3, _Drilldown$Option4, _Drilldown$Option5, _Drilldown4, _Drilldown5, _Drilldown$Option6, _Drilldown$Option7, _Drilldown6, _Drilldown7, _Drilldown8, _Drilldown9, _Drilldown10;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-describe('<Drilldown.Page />', () => {
-  let consoleWarningMock;
-  let consoleErrorMock;
-  beforeEach(() => {
-    // Mocking console to prevent test output pollution and expect for messages
-    consoleWarningMock = _vitest.vi.spyOn(console, 'warn').mockImplementation(() => {});
-    consoleErrorMock = _vitest.vi.spyOn(console, 'error').mockImplementation(() => {});
-  });
-  afterEach(() => {
-    consoleWarningMock.mockRestore();
-    consoleErrorMock.mockRestore();
-  });
-  it("shouldn't render non-DrilldownPage children", async () => {
-    (0, _react.render)(_Drilldown || (_Drilldown = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-      rootPageId: "page0",
-      children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-        id: "page0",
-        children: (0, _jsxRuntime.jsx)("div", {
-          id: "testDiv",
-          children: "Div"
-        })
-      })
-    })));
-    const nonPageChild = _react.screen.queryByText('DIV');
-    expect(nonPageChild).not.toBeInTheDocument();
-  });
-  describe('header title', () => {
-    it('should be displayed in the header', async () => {
-      const _render = (0, _react.render)(_Drilldown2 || (_Drilldown2 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-          rootPageId: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-            id: "page0",
-            renderTitle: "HeaderTitleString",
-            children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-              id: "option1",
-              children: "Option"
-            })
-          })
-        }))),
-        container = _render.container;
-      const titleContainer = container.querySelector('[id^="DrilldownHeader-Title-Label_"]');
-      const title = _react.screen.queryByText('HeaderTitleString');
-      expect(titleContainer).toBeInTheDocument();
-      expect(title).toBeInTheDocument();
-    });
-    it('should be displayed when function is passed', async () => {
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          renderTitle: () => 'HeaderTitleFunction',
-          children: _Drilldown$Option || (_Drilldown$Option = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            children: "Option"
-          }))
-        })
-      }));
-      const title = _react.screen.queryByText('HeaderTitleFunction');
-      expect(title).toBeInTheDocument();
-    });
-    it("shouldn't be displayed when function has no return value", async () => {
-      const _render2 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Drilldown, {
-          rootPageId: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-            id: "page0",
-            renderTitle: () => null,
-            children: _Drilldown$Option2 || (_Drilldown$Option2 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-              id: "option1",
-              children: "Option"
-            }))
-          })
-        })),
-        container = _render2.container;
-      const title = container.querySelector('[id^="DrilldownHeader-Title-Label_"]');
-      const listItem = container.querySelector('li');
-      expect(title).not.toBeInTheDocument();
-      expect(listItem).toBeInTheDocument();
-    });
-  });
-  describe('header action label', () => {
-    it('should be displayed in the header', async () => {
-      (0, _react.render)(_Drilldown3 || (_Drilldown3 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          renderActionLabel: "HeaderActionLabelString",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            children: "Option"
-          })
-        })
-      })));
-      const actionLabel = _react.screen.queryByText('HeaderActionLabelString');
-      expect(actionLabel).toBeInTheDocument();
-    });
-    it('should be displayed when function is passed', async () => {
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          renderActionLabel: () => 'HeaderActionLabelFunction',
-          children: _Drilldown$Option3 || (_Drilldown$Option3 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            children: "Option"
-          }))
-        })
-      }));
-      const actionLabel = _react.screen.queryByText('HeaderActionLabelFunction');
-      expect(actionLabel).toBeInTheDocument();
-    });
-    it("shouldn't be displayed when function has no return value", async () => {
-      const _render3 = (0, _react.render)((0, _jsxRuntime.jsx)(_index.Drilldown, {
-          rootPageId: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-            id: "page0",
-            renderActionLabel: () => null,
-            children: _Drilldown$Option4 || (_Drilldown$Option4 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-              id: "option1",
-              children: "Option"
-            }))
-          })
-        })),
-        container = _render3.container;
-      const listItem = container.querySelector('li');
-      const title = container.querySelector('[id^="DrilldownHeader-Title-Label_"]');
-      expect(listItem).toBeInTheDocument();
-      expect(title).not.toBeInTheDocument();
-    });
-    it('should fire header action callback', async () => {
-      const actionCallback = _vitest.vi.fn();
-      (0, _react.render)((0, _jsxRuntime.jsx)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          renderActionLabel: "ActionWithCallback",
-          onHeaderActionClicked: actionCallback,
-          children: _Drilldown$Option5 || (_Drilldown$Option5 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            children: "Option"
-          }))
-        })
-      }));
-      const actionLabel = _react.screen.getByText('ActionWithCallback');
-      await _userEvent.default.click(actionLabel);
-      await (0, _react.waitFor)(() => {
-        expect(actionCallback).toHaveBeenCalled();
-      });
-    });
-  });
-  describe('header back navigation', () => {
-    it('should not be displayed on root page', async () => {
-      (0, _react.render)(_Drilldown4 || (_Drilldown4 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          renderBackButtonLabel: "HeaderBackString",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            children: "Option"
-          })
-        })
-      })));
-      const label = _react.screen.queryByText('HeaderBackString');
-      expect(label).not.toBeInTheDocument();
-    });
-    it('should be displayed on subpages', async () => {
-      (0, _react.render)(_Drilldown5 || (_Drilldown5 = (0, _jsxRuntime.jsxs)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: [(0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            subPageId: "page2",
-            children: "Option"
-          })
-        }), (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page2",
-          renderBackButtonLabel: "HeaderBackString",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option2",
-            children: "Option"
-          })
-        })]
-      })));
-      const option = _react.screen.getByText('Option');
-      await _userEvent.default.click(option);
-      await (0, _react.waitFor)(() => {
-        const label = _react.screen.queryByText('HeaderBackString');
-        expect(label).toBeInTheDocument();
-      });
-    });
-    it('should be displayed when function is passed, and can use former page title', async () => {
-      const pageTitle = 'Page Title';
-      (0, _react.render)((0, _jsxRuntime.jsxs)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: [(0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          renderTitle: pageTitle,
-          children: _Drilldown$Option6 || (_Drilldown$Option6 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            subPageId: "page2",
-            children: "Option"
-          }))
-        }), (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page2",
-          renderBackButtonLabel: prevPageTitle => `Back to ${prevPageTitle}`,
-          children: _Drilldown$Option7 || (_Drilldown$Option7 = (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option2",
-            children: "Option"
-          }))
-        })]
-      }));
-      const option = _react.screen.getByText('Option');
-      await _userEvent.default.click(option);
-      await (0, _react.waitFor)(() => {
-        const label = _react.screen.queryByText(`Back to ${pageTitle}`);
-        expect(label).toBeInTheDocument();
-      });
-    });
-  });
-  describe('header separator', () => {
-    it('should not be displayed, if no item is on the header', async () => {
-      const _render4 = (0, _react.render)(_Drilldown6 || (_Drilldown6 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-          rootPageId: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-            id: "page0",
-            children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-              id: "option1",
-              children: "Option"
-            })
-          })
-        }))),
-        container = _render4.container;
-      const separator = container.querySelector('[id^="DrilldownHeader-Separator_"]');
-      expect(separator).not.toBeInTheDocument();
-    });
-    it('should be displayed, if there are items in the header', async () => {
-      const _render5 = (0, _react.render)(_Drilldown7 || (_Drilldown7 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-          rootPageId: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-            id: "page0",
-            renderTitle: "Title",
-            children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-              id: "option1",
-              children: "Option"
-            })
-          })
-        }))),
-        container = _render5.container;
-      const separator = container.querySelector('[id^="DrilldownHeader-Separator_"]');
-      expect(separator).toBeInTheDocument();
-    });
-    it('should not be displayed, if withoutHeaderSeparator is set', async () => {
-      const _render6 = (0, _react.render)(_Drilldown8 || (_Drilldown8 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-          rootPageId: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-            id: "page0",
-            renderTitle: "Title",
-            withoutHeaderSeparator: true,
-            children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-              id: "option1",
-              children: "Option"
-            })
-          })
-        }))),
-        container = _render6.container;
-      const separator = container.querySelector('[id^="DrilldownHeader-Separator_"]');
-      expect(separator).not.toBeInTheDocument();
-    });
-  });
-  describe('disabled prop', () => {
-    it('should make all options disabled', async () => {
-      (0, _react.render)(_Drilldown9 || (_Drilldown9 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          renderActionLabel: "Action Label",
-          disabled: true,
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            children: "Option"
-          })
-        })
-      })));
-      const allOptions = _react.screen.getAllByRole('menuitem');
-      allOptions.forEach(option => {
-        expect(option).toHaveAttribute('aria-disabled', 'true');
-      });
-    });
-    it("shouldn't make header Back options disabled", async () => {
-      (0, _react.render)(_Drilldown10 || (_Drilldown10 = (0, _jsxRuntime.jsxs)(_index.Drilldown, {
-        rootPageId: "page0",
-        children: [(0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page0",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option1",
-            subPageId: "page2",
-            children: "Option1"
-          })
-        }), (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-          id: "page2",
-          disabled: true,
-          renderBackButtonLabel: "HeaderBackString",
-          children: (0, _jsxRuntime.jsx)(_index.Drilldown.Option, {
-            id: "option2",
-            children: "Option2"
-          })
-        })]
-      })));
-      const subPageOption = _react.screen.getByText('Option1');
-      await _userEvent.default.click(subPageOption);
-      await (0, _react.waitFor)(() => {
-        const option2 = _react.screen.getByLabelText('Option2');
-        const backOption = _react.screen.getByLabelText('HeaderBackString');
-        expect(option2).toHaveAttribute('role', 'menuitem');
-        expect(option2).toHaveAttribute('aria-disabled', 'true');
-        expect(backOption).toHaveAttribute('role', 'menuitem');
-        expect(backOption).not.toHaveAttribute('aria-disabled');
-      });
-    });
-  });
-});

package/lib/Drilldown/DrilldownSeparator/__new-tests__/DrilldownSeparator.test.js

@@ -1,62 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var _index = require("../../index");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-var _Drilldown, _Drilldown2;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-describe('<Drilldown.Separator />', () => {
-  it('should render', async () => {
-    (0, _react.render)(_Drilldown || (_Drilldown = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-      rootPageId: "page0",
-      children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-        id: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Separator, {
-          id: "sep1",
-          "data-testid": "separator1"
-        })
-      })
-    })));
-    const separator = _react.screen.getByTestId('separator1');
-    expect(separator).toBeVisible();
-    expect(separator.getAttribute('class')).toContain('-separator');
-  });
-  it('should not render children', async () => {
-    (0, _react.render)(_Drilldown2 || (_Drilldown2 = (0, _jsxRuntime.jsx)(_index.Drilldown, {
-      rootPageId: "page0",
-      children: (0, _jsxRuntime.jsx)(_index.Drilldown.Page, {
-        id: "page0",
-        children: (0, _jsxRuntime.jsx)(_index.Drilldown.Separator, {
-          id: "sep1",
-          "data-testid": "separator1",
-          children: "Children"
-        })
-      })
-    })));
-    const separatorChild = _react.screen.queryByText('Children');
-    expect(separatorChild).not.toBeInTheDocument();
-  });
-});