---
# System prepended metadata

title: Bug Bash Plan!

---

# Bug Bash Plan!

* Project to add bugs to! https://github.com/microsoft/fluentui/projects/37?add_cards_query=is%3Aopen
* Codepen template! 
https://codepen.io/pen/?template=OJXMjvB



## Types of bugs to look for
Big blocking bugs, don't worry about minor bugs, yet

**Important**
If the bug already exists in v7, don't file it against the v8 project. File it against the fluent repo. We are primarily attempting to find bugs that exist in v8 and don't exist in v7.



* Visual differences! (Shouldn't be many)
* Prop usage differences. Aka, prop in v7 disables click events. Same prop in v8 does nothing.
* Behavioral differences! Aka, keyboard no longer moves between objects

## Steps

1. Make a codepen where you can compare the v7 vs v8 versions! (see codepen template)
2. Brief visual comparison to ensure they look the same.
    * If you have access to a PC, test high contrast mode!
4. Test keyboarding behavior!
3. Spot check some of the flashy props

## Components!

| Component           | Tester  | Status      | Associated codepen |
| ------------------- | :-----: | :---------: | :----------------: |
| Callout             | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/jOrqLJo) |
| ChoiceGroup         | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/xxOOoKP?editors=0010)|
| Coachmark           | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/QWENqab) |
| CommandBar          | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/XWKdexe) |
| ComboBox + Autofill | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/XWKKLXa?editors=0010) |
| ContextualMenu      | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/vYKGeya) |
| Dropdown            | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/KKMMjMM?editors=0010) |
| Fabric              | Xu      | Not started |  |
| FloatingPicker/ExtendedPicker | Jon | Not started |  |
| FocusTrapZone       | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/WNxGNdx?editors=0010) |
| FocusZone           | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/WNxGNdx?editors=0010) |
| Image               | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/bGewGxe) |
| Layer               | Jon     | Not started |  |
| MessageBar          | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/LYZRYdX?editors=0010) |
| OverflowSet         | Jon     | Not started |  |
| Persona             | Jon     | Done        | [CodePen](https://codepen.io/slimemold/pen/VwjeRoj) |
| Popup               | Jon     | Not started |  |
| Rating              | Jon     | In Progress |  |
| ResizeGroup         | Jon     | Not started |  |
| SearchBox           | Tomi    | Done        | [CodePen](https://codepen.io/tomi-msft/pen/oNLbRGM?editors=1010) |
| SelectedItemsList   | Jon     | Not started |  |
| Shimmer             | Justin  | LGTM        |  |
| SpinButton          | Tomi    | Not started |  |
| SwatchColorPicker   | Justin  | LGTM        | [CodePen](https://codepen.io/justslone-the-encoder/pen/PozNOxW) |
| TextField           | Tomi    | Not started |  |
| Checkbox            | Xu      | Done        | [CodePen](https://codepen.io/slimemold/pen/gOMwOQp?editors=1010) |
| Link                | Mak     | Done        | [CodePen](https://codepen.io/khmakoto/pen/MWeKRQg) |
| Toggle              | Mak     | Done        | [CodePen](https://codepen.io/khmakoto/pen/ZEOWxYX) |
| Pivot               | Xu/Ben  | Not started |  |
| ThemeProvider ([wiki](https://github.com/microsoft/fluentui/wiki/How-to-apply-theme-to-Fluent-UI-React-components) & [docsite](http://fabricweb.z5.web.core.windows.net/pr-deploy-site/refs/pull/15485/merge/public-docsite/index.html?devhost#/controls/web/themeprovider)) | Tomi | Not started |  |
