@fluentui/react-conformance-make-styles

@fluentui/react-conformance-make-styles

A set of conformance tests for @fluentui/react-make-styles. Intended to be used with @fluentui/react-conformance.

Usage

import { isConformant } from '@fluentui/react-conformance';
import makeStylesTests from '@fluentui/react-conformance-make-styles';

isConformant({
  Component,
  extraTests: makeStylesTests,
});

Please make sure this package is being used with @fluentui/react-conformance if you do use this package without the conformance test runner, you will have problems with missing types. To resolve, just install @fluentui/react-conformance as a dev dependency or a depdency.

Tests

classname-wins

A conformance test for mergeClasses() that ensures that a classname from props is passed as a last param.

// ✅ good
mergeClasses(classes.root, 'foo', props.className);
// ❌ bad
mergeClasses(classes.root, props.className, 'foo');