feat: integration tests for react generator

[kriscoleman]

feat: integration tests for react generator

Description

The CLI supports an integration testing framework designed to validate that generated feature flag clients are usable and functional within their target environments. Currently, the React generator lacks integration test coverage.

We should create an integration test for the React generator following the structure outlined in the testing documentation.

📄 Relevant Documentation:
Integration Testing Pattern

---

Tasks

• Scaffold a minimal React test app (e.g., using create-react-app or Vite)
• Generate a feature flag client using the React generator
• Validate that the generated client compiles and integrates with a simple component
• Write a basic test to verify flag evaluation in the React environment
• Add the test to the integration test suite and CI
• Update documentation if needed for React-specific setup

---

Acceptance Criteria

• ✅ React generator has at least one integration test
• ✅ Generated React code integrates into a functional React component
• ✅ Integration test runs successfully in the CI pipeline
• ✅ The test adheres to the CLI's integration test pattern

---

Additional Notes

This test ensures that the React generator produces code that works correctly in a modern front-end stack and helps prevent regressions related to JSX integration or runtime behavior.

[Adityasinghvats]

I would like to work on this issue.

[vikasrao23]

Hi! 👋

I've implemented the React integration tests in PR #221 (combined with Java #115 and NestJS #116).

What's included

• Dagger-based test runner (test/integration/cmd/react/run.go)
• npm project setup (package.json, tsconfig.json) with @openfeature/react-sdk
• Hook validation test (src/test.ts) that validates generated hook structure
• Integrated into CI via make test-integration

Test coverage

The integration test validates:

• ✅ CLI builds from source
• ✅ React/TypeScript code generation works
• ✅ Generated hooks compile with TypeScript
• ✅ All generated hooks exist (useFlag, useFlagWithDetails, getKey)
• ✅ Hook API structure is correct for all 5 flag types
• ✅ .getKey() returns correct flag keys

Note on testing approach

React hooks require a React environment (component tree, context providers) to actually execute. This test validates:

• ✅ Generated code compiles (TypeScript type checking)
• ✅ Hook functions exist and have correct signatures
• ✅ .getKey() method works (doesn't need React context)

Full runtime testing of hooks would require a browser/JSDOM environment and is beyond the scope of basic integration tests.

Running the tests

# Run just React tests
make test-integration-react

# Run all integration tests
make test-integration

Let me know if any adjustments are needed!

[vikasrao23]

✅ Split into dedicated PR: #224

This focused PR contains only the React integration tests!