You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

BoxedTabs-test.tsx 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /*
  2. * SonarQube
  3. * Copyright (C) 2009-2022 SonarSource SA
  4. * mailto:info AT sonarsource DOT com
  5. *
  6. * This program is free software; you can redistribute it and/or
  7. * modify it under the terms of the GNU Lesser General Public
  8. * License as published by the Free Software Foundation; either
  9. * version 3 of the License, or (at your option) any later version.
  10. *
  11. * This program is distributed in the hope that it will be useful,
  12. * but WITHOUT ANY WARRANTY; without even the implied warranty of
  13. * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
  14. * Lesser General Public License for more details.
  15. *
  16. * You should have received a copy of the GNU Lesser General Public License
  17. * along with this program; if not, write to the Free Software Foundation,
  18. * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  19. */
  20. import { mount, shallow } from 'enzyme';
  21. import * as React from 'react';
  22. import BoxedTabs, { BoxedTabsProps } from '../BoxedTabs';
  23. it('should render correctly', () => {
  24. expect(mountRender()).toMatchSnapshot();
  25. });
  26. it('should call onSelect when a tab is clicked', () => {
  27. const onSelect = jest.fn();
  28. const wrapper = shallowRender({ onSelect });
  29. wrapper
  30. .find('Styled(button)')
  31. .get(1)
  32. .props.onClick();
  33. expect(onSelect).toHaveBeenCalledWith('b');
  34. });
  35. function shallowRender(overrides: Partial<BoxedTabsProps<string>> = {}) {
  36. return shallow(dom(overrides));
  37. }
  38. function mountRender(overrides: Partial<BoxedTabsProps<string>> = {}) {
  39. return mount(dom(overrides));
  40. }
  41. function dom(overrides: Partial<BoxedTabsProps<string>>) {
  42. return (
  43. <BoxedTabs
  44. className="boxed-tabs"
  45. onSelect={jest.fn()}
  46. selected="a"
  47. tabs={[
  48. { key: 'a', label: 'labela' },
  49. { key: 'b', label: 'labelb' },
  50. {
  51. key: 'c',
  52. label: (
  53. <span>
  54. Complex label <strong>!!!</strong>
  55. </span>
  56. )
  57. }
  58. ]}
  59. {...overrides}
  60. />
  61. );
  62. }