testcase-reducer

An addon helping to reduce test-cases from live pages.

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.

Credits

This addon makes use of the following third-party libraries:

JS Beautify by Einar Lielmanis, Liam Newman et al (https://github.com/beautify-web/js-beautify)

Name		Name	Last commit message	Last commit date
Latest commit History 33 Commits
_locales		_locales
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.htmllintrc		.htmllintrc
.stylelintrc		.stylelintrc
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
README.md		README.md
background.js		background.js
beautify-css.js		beautify-css.js
beautify-html.js		beautify-html.js
beautify.js		beautify.js
content.js		content.js
devtools.html		devtools.html
devtools.js		devtools.js
icon.svg		icon.svg
manifest.json		manifest.json
manifestChrome.json		manifestChrome.json
manifestFirefox.json		manifestFirefox.json
package.json		package.json
panel.css		panel.css
panel.html		panel.html
panel.js		panel.js
reduceNode.js		reduceNode.js