reactjs / react-a11y

Conditional Complexity

The distribution of complexity of units (measured with McCabe index).

Intro

Conditional complexity (also called cyclomatic complexity) is a term used to measure the complexity of software. The term refers to the number of possible paths through a program function. A higher value ofter means higher maintenance and testing costs (infosecinstitute.com).
Conditional complexity is calculated by counting all conditions in the program that can affect the execution path (e.g. if statement, loops, switches, and/or operators, try and catch blocks...).
Conditional complexity is measured at the unit level (methods, functions...).
Units are classified in four categories based on the measured McCabe index: 1-5 (simple units), 6-10 (medium complex units), 11-25 (complex units), 26+ (very complex units).

Learn more...

Conditional Complexity Overall

There are 50 units with 527 lines of code in units (25.7% of code).

0 very complex units (0 lines of code)
0 complex units (0 lines of code)
3 medium complex units (124 lines of code)
3 simple units (57 lines of code)
44 very simple units (346 lines of code)

Legend:

51+

26-50

11-25

6-10

1-5

Alternative Visuals

3D view of all units

Conditional Complexity per Extension

51+

26-50

11-25

6-10

1-5

Conditional Complexity per Logical Component

primary logical decomposition

51+

26-50

11-25

6-10

1-5

Most Complex Units

Top 50 most complex units

Unit	# lines	McCabe index	# params
failureHandler() in src/a11y.js	39	13	2
test() in src/test.js	64	11	4
this.React.createElement = function() in src/a11y.js	21	11	3
export default function() in src/options.js	40	9	1
test() in src/rules/use-onblur-not-onchange.js	9	6	2
test() in src/rules/no-onchange.js	8	6	2
constructor() in src/test.js	25	5	3
test() in src/rules/button-role-space.js	9	5	2
test() in src/rules/img-redundant-alt.js	7	5	4
test() in src/rules/click-events-have-key-events.js	8	5	2
test() in src/rules/redundant-alt.js	8	5	4
export default function() in src/util/test-rules.js	53	4	3
test() in src/rules/onclick-uses-role.js	7	4	2
test() in src/rules/interactive-supports-focus.js	7	4	2
test() in src/rules/aria-unsupported-elements.js	5	4	2
test() in src/rules/tabindex-uses-button.js	7	4	2
test() in src/rules/onclick-uses-tabindex.js	8	4	2
test() in src/rules/no-unsupported-elements-use-aria.js	6	4	2
const renderOptions = function() in mkdocs.js	15	3	1
const renderURLS = function() in mkdocs.js	12	3	1
export default function() in src/util/trueish.js	5	3	2
a() in src/util/is-interactive.js	5	3	1
test() in src/rules/img-uses-alt.js	6	3	2
test() in src/rules/hidden-uses-tabindex.js	6	3	2
const renderExamples = function() in mkdocs.js	13	2	2
reporter() in src/util/test-rules.js	8	2	1
export default() in src/util/is-interactive.js	4	2	2
test() in src/rules/mouse-events-map-to-key-events.js	6	2	2
test() in src/rules/mouse-events-map-to-key-events.js	5	2	2
test() in src/rules/no-hash-ref.js	4	2	2
test() in src/rules/img-uses-alt.js	5	2	2
test() in src/rules/label-has-for.js	5	2	2
test() in src/rules/tabindex-no-positive.js	4	2	2
test() in src/rules/avoid-positive-index.js	5	2	2
test() in src/rules/mouse-events-have-key-events.js	5	2	2
test() in src/rules/mouse-events-have-key-events.js	5	2	2
test() in src/rules/aria-role.js	4	2	2
test() in src/rules/valid-aria-role.js	5	2	2
test() in src/rules/label-uses-for.js	6	2	2
const host = function() in mkdocs.js	3	1	1
export default function() in src/util/listens-to.js	3	1	2
reporter() in src/util/test-rules.js	9	1	1
export default function() in src/util/hidden-from-at.js	3	1	1
input() in src/util/is-interactive.js	3	1	1
constructor() in src/a11y.js	12	1	1
patchReact() in src/a11y.js	4	1	0
restoreAll() in src/a11y.js	4	1	0
because it is brittle() in src/rules/tabindex-no-positive.js	9	1	1
because it is brittle() in src/rules/avoid-positive-index.js	9	1	1
test() in src/rules/no-access-key.js	4	1	2