tay1orjones/huge-task-list.md

## huge-task-list.md

      
    Raw
  

              huge-task-list.md
            
          
    This issue is to track the refactoring of our React test suite to use React Testing Library.

  Links and resources

https://www.notion.so/carbondesignsystem/Audits-ca3fe640ffe242ac91bf3ab0749cb499?p=b1b911fa52a147d3af63d177c0a0ec3b&showMoveTo=true
https://testing-library.com/docs/react-testing-library/migrate-from-enzyme/
https://kentcdodds.com/blog/avoid-nesting-when-youre-testing


  How to find enzyme usages
The list below was generated by searching for enzyme within files having names containing our test suffix:

  
    finding.enzyme.usages.mov
    
  
List of enzyme usages to be refactored:

 Use RTL for testing in Accordion/__tests__/Accordion.Skeleton-test.js
 Use RTL for testing in Accordion/__tests__/AccordionItem-test.js
 #10273
 Use RTL for testing in Breadcrumb/__tests__/Breadcrumb.Skeleton-test.js
 Use RTL for testing in Button/Button-test.js
 Use RTL for testing in ButtonSet/ButtonSet-test.js
 Use RTL for testing in Checkbox/Checkbox-test.js
 #10272
 #11706
 carbon-design-system/carbon#11883
 carbon-design-system/carbon#11886
 carbon-design-system/carbon#11884
 carbon-design-system/carbon#11885
 #11509
 #11510
 #11511
 Use RTL for testing in DataTable/__tests__/DataTable-test.js
 Use RTL for testing in DataTable/__tests__/Table-test.js
 Use RTL for testing in DataTable/__tests__/TableActionList-test.js
 Use RTL for testing in DataTable/__tests__/TableBatchAction-test.js
 Use RTL for testing in DataTable/__tests__/TableBatchActions-test.js
 Use RTL for testing in DataTable/__tests__/TableBody-test.js
 Use RTL for testing in DataTable/__tests__/TableCell-test.js
 Use RTL for testing in DataTable/__tests__/TableContainer-test.js
 Use RTL for testing in DataTable/__tests__/TableExpandHeader-test.js
 Use RTL for testing in DataTable/__tests__/TableExpandRow-test.js
 Use RTL for testing in DataTable/__tests__/TableHead-test.js
 Use RTL for testing in DataTable/__tests__/TableHeader-test.js
 Use RTL for testing in DataTable/__tests__/TableRow-test.js
 Use RTL for testing in DataTable/__tests__/TableSelectAll-test.js
 Use RTL for testing in DataTable/__tests__/TableSelectRow-test.js
 Use RTL for testing in DataTable/__tests__/TableToolbar-test.js
 Use RTL for testing in DataTable/__tests__/TableToolbarContent-test.js
 Use RTL for testing in DataTable/__tests__/TableToolbarMenu-test.js
 Use RTL for testing in DataTable/__tests__/TableToolbarSearch-test.js
 Use RTL for testing in DataTableSkeleton/DataTableSkeleton-test.js
 #11512
 #11704
 carbon-design-system/carbon#11956
 #11994
 #11641
 #11642
 #11643
 #11644
 #11559
 #11560
 #11561
 Use RTL for testing in ListBox/__tests__/ListBox-test.js
 Use RTL for testing in ListBox/__tests__/ListBoxField-test.js
 Use RTL for testing in ListBox/__tests__/ListBoxMenu-test.js
 Use RTL for testing in ListBox/__tests__/ListBoxMenuIcon-test.js
 Use RTL for testing in ListBox/__tests__/ListBoxMenuItem-test.js
 Use RTL for testing in ListBox/__tests__/ListBoxSelection-test.js
 #11824
 carbon-design-system/carbon#11957
 #11710
 #11711
 #11712
 #11713
 #11705
 #11707
 #11714
 #11729
 #10277
 #11730
 #11731
 #11732
 carbon-design-system/carbon#12021
 carbon-design-system/carbon#12022
 carbon-design-system/carbon#12023
 carbon-design-system/carbon#11958
 #12087
 #11733
 #11734
 #11735
 #11736
 #12088
 #12153
 #12154
 #12155
 #12156
 #12157
 #12158
 #12159
 #12160
 #11630
 #11629
 Use RTL for testing in Slider/Slider-test.js
 Use RTL for testing in StructuredList/StructuredList-test.js
 Use RTL for testing in StructuredList/next/StructuredList-test.js
 Use RTL for testing in Switch/Switch-test.js
 #11709
 #11708
 #10274
 Use RTL for testing in TextArea/TextArea-test.js
 Use RTL for testing in TextInput/PasswordInput-test.js
 #11995
 Use RTL for testing in Tile/Tile-test.js
 Use RTL for testing in Tile/next/Tile-test.js
 Use RTL for testing in TileGroup/TileGroup-test.js
 Use RTL for testing in TimePicker/TimePicker-test.js
 #10275
 Use RTL for testing in ToggleSmall/ToggleSmall-test.js
 Use RTL for testing in Toolbar/Toolbar-test.js
 Use RTL for testing in Tooltip/Tooltip-test.js
 Use RTL for testing in TooltipDefinition/TooltipDefinition-test.js
 Use RTL for testing in TooltipIcon/TooltipIcon-test.js
 Use RTL for testing in TreeView/TreeView-test.js
 Use RTL for testing in UIShell/__tests__/Header-test.js
 Use RTL for testing in UIShell/__tests__/HeaderGlobalAction-test.js
 Use RTL for testing in UIShell/__tests__/HeaderGlobalBar-test.js
 Use RTL for testing in UIShell/__tests__/HeaderMenu-test.js
 Use RTL for testing in UIShell/__tests__/HeaderMenuButton-test.js
 Use RTL for testing in UIShell/__tests__/HeaderMenuItem-test.js
 Use RTL for testing in UIShell/__tests__/HeaderName-test.js
 Use RTL for testing in UIShell/__tests__/Link-test.js
 Use RTL for testing in UIShell/__tests__/SideNav-test.js
 Use RTL for testing in UIShell/__tests__/SideNavDetails-test.js
 Use RTL for testing in UIShell/__tests__/SideNavFooter-test.js
 Use RTL for testing in UIShell/__tests__/SideNavHeader-test.js
 Use RTL for testing in UIShell/__tests__/SideNavIcon-test.js
 Use RTL for testing in UIShell/__tests__/SideNavItem-test.js
 Use RTL for testing in UIShell/__tests__/SideNavItems-test.js
 Use RTL for testing in UIShell/__tests__/SideNavLink-test.js
 Use RTL for testing in UIShell/__tests__/SideNavLinkText-test.js
 Use RTL for testing in UIShell/__tests__/SideNavMenu-test.js
 Use RTL for testing in UIShell/__tests__/SideNavMenuItem-test.js
 Use RTL for testing in UIShell/__tests__/SideNavSwitcher-test.js
 Use RTL for testing in UIShell/__tests__/SkipToContent-test.js
 Use RTL for testing in UIShell/next/__tests__/SideNavMenu-test.js
 #10276
 Use RTL for testing in internal ClickListener-test.js
 Use RTL for testing in internal InnerClickListener-test.js
 Use RTL for testing in internal Selection-test.js