Testcase Reducer v1.5.0
Helps with reducing markup and CSS for the purposes of generating test cases.
- Inspect the element you would like to reduce a test-case for/from in the devtools.
- Configure the parameters in the testcase reducer devtools panel for the addon;
- Including ancestor nodes may be necessary to capture the HTML/CSS causing the issue.
- Including CSS fonts may be necessary if webfonts are part of the problem.
- Including @media rules can catch responsive breakpoints that may cause the issue.
- Including important meta-tags can help for mobile layout (meta viewport) or charset/Content-Type issues.
- Including @page rules can catch print-stylesheet-specific issues.
- Including scripts may be helpful if the issue is script-triggered.
- Click "reduce" to see the resulting markup and a preview.
- Showing the preview iframe with the original viewport size can help reveal responsive breakpoint issues.
- Copy and paste the markup to your own local file, or click to upload to Codepen, JSBin, or JSFiddle.
