# test.govlab/quality/core/stylelint/responsive-units.stylelint.rule.test.ts

> 19 lines of code and 0 definitions.

Tree: Codebase Testing
Language: typescript
Canonical: https://banes-lab.com/anatomy/testing#file-testing-test-govlab-quality-core-stylelint-responsive-units-stylelint-rule-test-ts
Source text: https://banes-lab.com/source/testing/test.govlab/quality/core/stylelint/responsive-units.stylelint.rule.test.ts.txt

Listed in [test.govlab/quality/core/stylelint](https://banes-lab.com/api/source/testing/test.govlab/quality/core/stylelint.md), after [test.govlab/quality/core/stylelint/responsive-pattern.stylelint.rule.test.ts](https://banes-lab.com/source/testing/test.govlab/quality/core/stylelint/responsive-pattern.stylelint.rule.test.ts.md) and before [test.govlab/quality/core/stylelint/shrinkable-grid-track.stylelint.rule.test.ts](https://banes-lab.com/source/testing/test.govlab/quality/core/stylelint/shrinkable-grid-track.stylelint.rule.test.ts.md).

## Contained in

- [test.govlab/quality/core/stylelint](https://banes-lab.com/anatomy/testing/folder-testing-test-govlab-quality-core-stylelint.md)

## Source

```typescript
import { describe, expect, it } from "vitest";
import responsiveUnits, { RULE_META } from "@govlab/quality/core/stylelint/responsive-units.stylelint.rule.ts";
import stylelint from "stylelint";

const lint = async function lint(code: string): Promise<readonly string[]> {
    const result = await stylelint.lint({
        code,
        config: { plugins: [responsiveUnits], rules: { [RULE_META.ruleName]: true } },
    });
    return result.results.flatMap((entry) => entry.warnings.map((warning) => warning.rule));
};

describe("govlab/responsive-units", () => {
    it("reports a fixed px size on a scaling property", async () => {
        expect(await lint(".a { font-size: 16px; }")).toStrictEqual([RULE_META.ruleName]);
    });

    it("allows relative units and px inside media queries", async () => {
        expect(await lint(".a { font-size: 1rem; width: 50%; }")).toStrictEqual([]);
        expect(await lint("@media (width >= 40rem) { .a { width: 600px; } }")).toStrictEqual([]);
    });
});
```