Add code block integration coverage

[Alek99]

Summary

• add Playwright coverage for rx.code_block rendering options, line numbers, wrapping, and copy buttons
• ensure custom_style is passed through to react-syntax-highlighter as customStyle
• preserve pre-wrap behavior when wrap_long_lines is enabled

Fixes #6484

Tests

• uv run pytest tests/units/components/datadisplay/test_code.py
• uv run pytest tests/integration/tests_playwright/test_code_block.py
• uv run ruff check packages/reflex-components-code/src/reflex_components_code/code.py tests/integration/tests_playwright/test_code_block.py
• uv run ruff format --check packages/reflex-components-code/src/reflex_components_code/code.py tests/integration/tests_playwright/test_code_block.py
• uv run pyright packages/reflex-components-code/src/reflex_components_code/code.py
• git diff --check

[codspeed-hq]

Merging this PR will not alter performance

✅ 26 untouched benchmarks
⏩ 8 skipped benchmarks¹

---

_{Comparing issue-6484-code-block-tests (2589312) with main (333b78b)}

Footnotes

1. 8 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports. ↩

[greptile-apps]

Greptile Summary

The PR adds integration coverage for code-block rendering, wrapping, themes, line numbers, and copy buttons while improving reactive custom styles and preserving wrapping when code-tag properties are supplied.

• Tracks state variables embedded in custom_style.
• Merges whiteSpace: pre-wrap into compatible code-tag styles.
• Adds unit and Playwright coverage for the affected behavior.

Confidence Score: 5/5

The PR appears safe to merge.

No blocking failure remains.

Important Files Changed

Filename	Overview
packages/reflex-components-code/src/reflex_components_code/code.py	Tracks reactive custom-style dependencies and merges pre-wrap styling into dictionary-based code-tag properties.
tests/integration/tests_playwright/test_code_block.py	Adds browser coverage for code rendering, themes, line numbers, wrapping, custom props, and clipboard controls.
tests/units/components/datadisplay/test_code.py	Adds unit coverage confirming that state dependencies embedded in custom styles are collected.
packages/reflex-components-code/news/6520.bugfix.md	Documents the custom-style reactivity and wrapping fixes.

_{Reviews (5): Last reviewed commit: "Merge branch 'main' into issue-6484-code..." | Re-trigger Greptile}

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 836335ec90

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[cubic-dev-ai]

All reported issues were addressed across 2 files

<sub>Reply with feedback, questions, or to request a fix.

Fix all with cubic | Re-trigger cubic</sub>