jest-launchdarkly-mock

import { render, fireEvent } from '@testing-library/react'; import { mockFlags, ldClientMock, resetLDMocks } from 'jest-launchdarkly-mock'; import React from 'react'; // Assume Button component is defined elsewhere and uses useFlags or withLDConsumer const Button = () => { // In a real app, this would use LaunchDarkly hooks/HOCs const devTestFlag = true; // Simplified for this quickstart const onClick = () => { // Simulate identify call if (ldClientMock && ldClientMock.identify) { ldClientMock.identify({ key: 'user-key-123' }); } }; return ( <button data-testid="test-button" onClick={onClick}> {devTestFlag ? 'Feature On' : 'Feature Off'} </button> ); }; describe('Button component with LaunchDarkly mocks', () => { beforeEach(() => { // Clears all previous flag mocks and client mock calls resetLDMocks(); }); test('should show "Feature On" when devTestFlag is true', () => { // Arrange: Set a specific flag state mockFlags({ devTestFlag: true }); // Act: Render the component const { getByTestId } = render(<Button />); // Assert: Check the component's output based on the mocked flag expect(getByTestId('test-button')).toHaveTextContent('Feature On'); }); test('should call ldClientMock.identify on button click', () => { // Arrange: Set flag and ensure identify mock is available mockFlags({ devTestFlag: false }); // Act: Render and click the button const { getByTestId } = render(<Button />); fireEvent.click(getByTestId('test-button')); // Assert: Verify that the ldClientMock.identify function was called with the expected arguments expect(ldClientMock.identify).toHaveBeenCalledWith({ key: 'user-key-123' }); }); });