add-test

name	add-test
description	Scaffold a test for a react-native-css feature following the project's testing conventions.
argument-hint	["feature-or-css-property"]
allowed-tools	Read, Grep, Glob, Edit, Write

Context

react-native-css has three test domains in src/__tests__/:

• babel/ — Babel plugin tests using babel-plugin-tester
• compiler/ — CSS compilation tests verifying JSON output
• native/ — Runtime tests for style application

Conventions by domain

Babel tests (src/__tests__/babel/)

Use babel-plugin-tester:

import { pluginTester } from "babel-plugin-tester";

pluginTester({
  plugin,
  tests: {
    "test name": {
      code: `import { View } from 'react-native';`,
      output: `import { View } from 'react-native-css/components';`,
    },
  },
});

Compiler tests (src/__tests__/compiler/)

Verify CSS → JSON compilation output structure.

Native tests (src/__tests__/native/)

Test runtime style application on native platform.

Steps

1. Identify the feature: What needs testing? Use $ARGUMENTS as the starting point.

2. Determine the domain: Is this a babel transform, compiler output, or runtime behavior?

3. Find existing tests: Search the appropriate src/__tests__/ subdirectory for similar tests.

4. Write the test: Follow the conventions of the domain.

5. Run the test: Execute yarn test. Note: ignore ExperimentalWarning: VM Modules warnings — they're expected.