react-spectrum
3db98d2d - Updating testing documentation and exposing some testing utils (#5508)

Commit

1 year ago

Updating testing documentation and exposing some testing utils (#5508) * progress on updating the testing docs * setup and testing of new util packages * move test utils to react-spectrum and add provider wrapper * restoring StrictModeWrapper * add desktop and mobile mock util setup * starting to remove triggerPress in favor of user event library click * remove triggerPress * fix SSR tests and react 16/17 tests * work around weird react16/17 test failure for now * get rid of triggerTouch and typeText * move stuff to aria/test-utils package * fix menutrigger tests * replacing fireEvent with userEvent equivalents in hooks tests pt1 * wrapping up hooks tests fireEvent replacements couldnt get the pointer/mouseMoves replaces, will revisit * fix some lint issues * first batch of spectrum test fireEvent -> userEvent replacement * fix tests in 16/17 again missing asyncs * updating testing docs and linking to it from various components * temporarily restore old test util package and move ssr stuff there * make react-spectrum/test-util-internal to limit what is exposed from test util package was running into build/docs issues with re-exporting @testing-library/react, this feels like it makes more sense anyways, dont think we wanna expose our render wrapper yet * adding docs for installmouseevent * add peer deps * fix combobox test * try to fix tsfork * fix ts fork pt 2 * test lower version requirements * fix tests * missed one test update * review updates * removing todo * messed up a copy paste

References

#5508 - Updating testing documentation and exposing some testing utils

Author

LFDanLu

Parents

e845c307

Files308

jest.ssr.config.js
packages
- @adobe/react-spectrum/test
  - ActionGroup.test.tsx
- @react-aria
  - actiongroup/test
    - useActionGroup.test.ts
  - aria-modal-polyfill/test
    - index.test.tsx
  - autocomplete/test
    - useSearchAutocomplete.test.js
  - breadcrumbs/test
    - useBreadcrumbItem.test.js
    - useBreadcrumbs.test.js
  - button/test
    - useButton.test.js
  - calendar/test
    - useCalendar.test.js
  - checkbox/test
    - useCheckboxGroup.test.tsx
  - color/test
    - useColorField.test.js
    - useColorWheel.test.tsx
  - combobox/test
    - useComboBox.test.js
  - dialog/test
    - useDialog.test.js
  - dnd/test
    - dnd.ssr.test.js
    - dnd.test.js
    - useClipboard.test.js
    - useDraggableCollection.test.js
    - useDroppableCollection.test.js
  - focus/test
    - FocusScope.test.js
    - FocusScopeOwnerDocument.test.js
    - focusSafely.test.js
  - grid/test
    - useGrid.test.js
  - interactions/test
    - PressResponder.test.js
    - Pressable.test.js
    - useFocus.test.js
    - useFocusVisible.test.js
    - useFocusWithin.test.js
    - useHover.test.js
    - useInteractOutside.test.js
    - useKeyboard.test.js
    - useLongPress.test.js
    - useMove.test.js
    - usePress.test.js
  - label/test
    - useField.test.js
    - useLabel.test.js
  - landmark/test
    - useLandmark.ssr.test.js
    - useLandmark.test.tsx
  - link/test
    - useLink.test.js
  - menu/test
    - useMenuTrigger.test.js
  - numberfield/test
    - useNumberField.test.ts
  - overlays/test
    - DismissButton.test.tsx
    - ariaHideOutside.test.js
    - useModal.ssr.test.js
    - useModal.test.js
    - useOverlay.test.js
    - useOverlayPosition.test.tsx
    - useOverlayTrigger.test.js
    - usePreventScroll.test.js
  - pagination/test
    - usePagination.test.js
  - progress/test
    - useProgressBar.test.js
  - searchfield/test
    - useSearchField.test.js
  - select/test
    - HiddenSelect.test.tsx
  - selection/test
    - useSelectableCollection.test.js
  - slider/test
    - useSlider.test.js
    - useSliderThumb.test.js
  - spinbutton/test
    - useSpinButton.test.js
  - ssr/test
    - SSRProvider.ssr.test.js
    - SSRProvider.test.js
  - table/test
    - ariaTableResizing.test.tsx
    - tableResizingTests.tsx
    - useTable.test.tsx
    - useTableBackwardCompat.test.tsx
  - tag/test
    - useTagGroup.test.js
  - test-utils
    - README.md
    - index.ts
    - package.json
    - src
      - events.ts
      - index.ts
      - testSetup.ts
      - userEventMaps.ts
  - textfield/test
    - useTextField.test.js
  - toast/test
    - useToast.test.js
  - tooltip/test
    - useTooltip.test.js
  - utils/test
    - useObjectRef.test.js
    - useViewportSize.ssr.test.tsx
  - visually-hidden/test
    - VisuallyHidden.test.tsx
- @react-spectrum
  - accordion/test
    - Accordion.test.js
  - actionbar/test
    - ActionBar.test.js
  - actiongroup/test
    - ActionGroup.ssr.test.js
    - ActionGroup.test.js
    - Toolbar.test.tsx
  - autocomplete
    - docs
      - SearchAutocomplete.mdx
    - test
      - SearchAutocomplete.test.js
  - avatar/test
    - Avatar.test.js
  - badge/test
    - Badge.ssr.test.js
    - Badge.test.js
  - breadcrumbs/test
    - BreadcrumbItem.test.js
    - Breadcrumbs.ssr.test.js
    - Breadcrumbs.test.js
  - button
    - package.json
    - test
      - ActionButton.test.js
      - Button.ssr.test.js
      - Button.test.js
      - ClearButton.test.js
      - ToggleButton.test.js
  - buttongroup/test
    - ButtonGroup.ssr.test.js
    - ButtonGroup.test.js
  - calendar
    - package.json
    - test
      - Calendar.ssr.test.js
      - Calendar.test.js
      - CalendarBase.test.js
      - RangeCalendar.test.js
  - card/test
    - Card.test.js
    - CardView.test.js
  - checkbox/test
    - Checkbox.ssr.test.js
    - Checkbox.test.js
    - CheckboxGroup.test.js
  - color
    - docs
      - ColorArea.mdx
      - ColorSlider.mdx
      - ColorWheel.mdx
    - test
      - ColorArea.test.tsx
      - ColorField.test.js
      - ColorSlider.test.tsx
      - ColorWheel.test.tsx
  - combobox
    - docs
      - ComboBox.mdx
    - test
      - ComboBox.test.js
  - contextualhelp
    - docs
      - ContextualHelp.mdx
    - test
      - ContextualHelp.test.js
  - datepicker
    - docs
      - DatePicker.mdx
      - DateRangePicker.mdx
    - package.json
    - test
      - DateField.test.js
      - DatePicker.ssr.test.js
      - DatePicker.test.js
      - DatePickerBase.test.js
      - DateRangePicker.test.js
      - TimeField.test.js
  - dialog
    - docs
      - AlertDialog.mdx
      - DialogContainer.mdx
      - DialogTrigger.mdx
    - package.json
    - test
      - AlertDialog.test.js
      - Dialog.ssr.test.js
      - Dialog.test.js
      - DialogContainer.test.js
      - DialogTrigger.test.js
  - divider/test
    - Divider.ssr.test.js
    - Divider.test.js
  - dropzone
    - package.json
    - test
      - DropZone.test.js
  - form/test
    - Form.ssr.test.js
    - Form.test.js
  - icon/test
    - Icon.test.js
    - Illustration.test.js
    - UIIcon.test.js
  - illustratedmessage/test
    - IllustratedMessage.ssr.test.js
    - IllustratedMessage.test.js
  - inlinealert/test
    - InlineAlert.test.js
  - label/test
    - Field.test.js
  - labeledvalue/test
    - LabeledValue.test.js
  - layout/test
    - Flex.ssr.test.js
    - Grid.ssr.test.js
  - link/test
    - Link.ssr.test.js
    - Link.test.js
  - list
    - docs
      - ListView.mdx
    - test
      - ListView.ssr.test.js
      - ListView.test.js
      - ListViewDnd.test.js
  - listbox
    - docs
      - ListBox.mdx
    - test
      - ListBox.ssr.test.js
      - ListBox.test.js
  - menu
    - docs
      - ActionMenu.mdx
      - MenuTrigger.mdx
    - test
      - ActionMenu.test.js
      - Menu.ssr.test.js
      - Menu.test.js
      - MenuTrigger.ssr.test.js
      - MenuTrigger.test.js
      - SubMenuTrigger.test.tsx
  - meter/test
    - Meter.ssr.test.js
    - Meter.test.js
  - numberfield
    - package.json
    - test
      - NumberField.ssr.test.js
      - NumberField.test.js
  - overlays/test
    - Modal.test.js
    - Overlay.test.js
    - Popover.test.js
    - Tray.test.js
  - picker
    - docs
      - Picker.mdx
    - test
      - Picker.ssr.test.js
      - Picker.test.js
  - progress/test
    - ProgressBar.ssr.test.js
    - ProgressBar.test.js
    - ProgressCircle.ssr.test.js
    - ProgressCircle.test.js
  - provider/test
    - Provider.ssr.test.js
    - Provider.test.tsx
    - mediaQueries.test.ts
  - radio/test
    - Radio.ssr.test.js
    - Radio.test.js
  - searchfield
    - package.json
    - test
      - SearchField.ssr.test.js
      - SearchField.test.js
  - searchwithin/test
    - SearchWithin.test.js
  - slider
    - docs
      - Slider.mdx
    - test
      - RangeSlider.test.tsx
      - Slider.test.tsx
      - utils.ts
  - statuslight/test
    - StatusLight.ssr.test.js
    - StatusLight.test.js
  - steplist/test
    - StepList.test.tsx
  - switch/test
    - Switch.ssr.test.js
    - Switch.test.js
  - table
    - docs
      - TableView.mdx
    - test
      - Table.ssr.test.js
      - Table.test.js
      - TableDnd.test.js
      - TableSizing.test.tsx
      - TreeGridTable.test.tsx
  - tabs/test
    - Tabs.test.js
  - tag/test
    - TagGroup.ssr.test.js
    - TagGroup.test.js
  - test-utils
    - README.md
    - index.ts
    - package.json
    - src
      - index.ts
      - testSetup.ts
  - text/test
    - Heading.ssr.test.js
    - Keyboard.ssr.test.js
    - Text.ssr.test.js
  - textfield/test
    - TextArea.ssr.test.js
    - TextArea.test.js
    - TextField.ssr.test.js
    - TextField.test.js
  - toast
    - package.json
    - test
      - ToastContainer.ssr.test.js
      - ToastContainer.test.js
  - tooltip
    - docs
      - Tooltip.mdx
    - test
      - Tooltip.test.js
      - TooltipTrigger.test.js
  - utils/test
    - Slots.test.js
  - view/test
    - Content.ssr.test.js
    - Footer.ssr.test.js
    - Header.ssr.test.js
    - View.ssr.test.js
    - View.test.js
  - well/test
    - Well.ssr.test.js
    - Well.test.js
- @react-stately
  - checkbox/test
    - useCheckboxGroupState.test.tsx
  - color/test
    - useColor.test.js
    - useColorFieldState.test.js
  - combobox/test
    - useComboBoxState.test.js
  - data/test
    - useAsyncList.test.js
    - useListData.test.js
    - useTreeData.test.js
  - pagination/test
    - usePaginationState.test.js
  - searchfield/test
    - useSearchFieldState.test.js
  - slider/test
    - useSliderState.test.js
  - toast/test
    - useToastState.test.js
  - tooltip/test
    - useTooltipTriggerState.test.js
  - tree/test
    - useTreeState.test.js
  - utils/test
    - useControlledState.test.tsx
- dev
  - docs/pages/react-spectrum
    - testing.mdx
  - test-utils
    - package.json
    - src
      - events.ts
      - index.ts
- react-aria-components/test
  - Breadcrumbs.ssr.test.js
  - Breadcrumbs.test.js
  - Button.test.js
  - Calendar.test.js
  - Checkbox.test.js
  - CheckboxGroup.test.js
  - ComboBox.ssr.test.js
  - ComboBox.test.js
  - DateField.test.js
  - DatePicker.test.js
  - DateRangePicker.test.js
  - Dialog.ssr.test.js
  - Dialog.test.js
  - DropZone.test.js
  - FileTrigger.test.js
  - Form.test.js
  - GridList.ssr.test.js
  - GridList.test.js
  - Group.test.tsx
  - Link.test.js
  - ListBox.ssr.test.js
  - ListBox.test.js
  - Menu.test.js
  - Meter.test.js
  - NumberField.test.js
  - Popover.test.js
  - ProgressBar.test.js
  - RadioGroup.test.js
  - RangeCalendar.test.js
  - SearchField.test.js
  - Select.ssr.test.js
  - Select.test.js
  - Slider.test.js
  - Switch.test.js
  - Table.ssr.test.js
  - Table.test.js
  - Tabs.ssr.test.js
  - Tabs.test.js
  - TagGroup.ssr.test.js
  - TagGroup.test.js
  - TextField.test.js
  - TimeField.test.js
  - ToggleButton.test.js
  - Toolbar.test.tsx
  - Tooltip.test.js
plop-templates
- @react-aria/test
  - use{{ componentName }}.test.js.hbs
- @react-spectrum/test
  - {{ componentName }}.test.js.hbs
scripts
- buildBranchAPI.js
- bumpVersions.js
- checkPublishedDependencies.js
- lint-packages.js

react-spectrum 3db98d2d - Updating testing documentation and exposing some testing utils (#5508)

react-spectrum
3db98d2d - Updating testing documentation and exposing some testing utils (#5508)