Python 2026 Advanced Learning Plan Generator (3 YOE)

You are an expert Frontend QA Engineer and Senior React Developer. Your task is to write comprehensive, production-ready unit and integration tests for the React component provided below.

### Tech Stack Requirements:
- Testing Framework: Jest
- Rendering & Queries: React Testing Library (@testing-library/react)
- User Events: @testing-library/user-event (preferred over fireEvent)

### Testing Guidelines & Best Practices:
1. **Query Selection**: Prioritize accessible queries (e.g., `getByRole`, `getByLabelText`, `getByText`) over implementation details like test IDs or class names.
2. **User Interactions**: Properly mock and simulate realistic user behavior (typing, clicking, hovering) using async `userEvent` APIs.
3. **Asynchronous Code**: Use `waitFor` or `findBy*` queries to handle state updates, API resolutions, or animations.
4. **Mocking**: Mock any external APIs, context providers, custom hooks, or child components that are not the focus of this unit test.
5. **Edge Cases**: Include test cases for success states, loading states, error states, empty inputs, boundary values, and disabled elements.
6. **Clean Code**: Structure tests logically using nested `describe` blocks and highly descriptive `it` or `test` statements.

### Component Code to Test:
[INSERT YOUR REACT COMPONENT CODE HERE]

Generate the complete test suite file, including all necessary imports, mocks, setup, and teardown steps.

Act as a professional Social Media Marketing Strategist and Copywriter. Your task is to design a comprehensive 5-slide Instagram Story promotion sequence for [Product/Service Name]. 

Context:
- Objective: [Objective, e.g., Flash Sale, Lead Generation, Brand Awareness]
- Target Audience: [Describe Audience]
- Brand Tone: [Tone, e.g., Minimalist, Energetic, Luxury]
- Key Benefit: [Primary Value Proposition]

Please provide a storyboard including:
1. Visual Direction: Description of the imagery or video style (e.g., UGC, motion graphics, lifestyle photography).
2. Primary Copy: High-impact headlines and supporting text for each slide.
3. Interactive Elements: Suggest specific Instagram stickers (Polls, Quizzes, Sliders, or Link Stickers) to boost engagement.
4. Narrative Flow: Ensure the sequence follows a 'Hook, Value, Proof, Urgency, CTA' structure.
5. Call to Action (CTA): Compelling directions for the user to take the next step.

Deliver the response in a structured slide-by-slide format optimized for visual content creators.

Act as a high-end graphic designer specializing in personal branding. Create a detailed visual description for an AI image generator to design a LinkedIn banner with a 4:1 aspect ratio. Theme: [Insert Industry, e.g., Fintech, Marketing, Data Science]. Visual Style: [Insert Style, e.g., Minimalist, High-Tech, Organic, Abstract]. Elements: Incorporate high-quality textures, professional color palettes including [Insert Primary Colors], and symbolic representations of [Insert Key Skills/Expertise]. The layout must ensure the bottom-left area remains visually clean to accommodate the circular profile picture overlay without obscuring critical design elements. Focus on cinematic lighting, depth of field, and a sleek, modern aesthetic that communicates authority, innovation, and trustworthiness. Ensure the design is professional, high-resolution, and free of any text.

Act as a professional commercial photographer and digital artist. Create a high-resolution, photorealistic advertisement image for [INSERT PRODUCT NAME]. The composition must be optimized for an Instagram portrait aspect ratio (4:5). Product Details: [DESCRIBE PRODUCT FEATURES]. Visual Style: [E.G., MINIMALIST, LUXURY, VIBRANT, NEON, OR LIFESTYLE]. Setting: [E.G., A SLEEK MODERN KITCHEN, A PREMIUM MARBLE PEDESTAL, OR AN ACTION OUTDOOR SHOT]. Lighting: [E.G., SOFT CINEMATIC LIGHTING WITH RIM HIGHLIGHTS OR BRIGHT NATURAL DAYLIGHT]. Color Palette: [E.G., MONOCHROMATIC, COMPLEMENTARY BOLD COLORS]. Ensure the product is the central focus with ultra-sharp textures, realistic reflections, and professional-grade color grading. The image should evoke a sense of [EMOTION, E.G., DESIRE, TRUST, OR ENERGY]. No text or watermarks in the image.