Skip to content

test(unit): Load Tailwind styles in component tests - #448

Draft
Bohreromir wants to merge 1 commit into
mainfrom
test/component-tests-tailwind
Draft

Bohreromir wants to merge 1 commit into
mainfrom
test/component-tests-tailwind

Conversation

@Bohreromir

@Bohreromir Bohreromir commented Nov 9, 2026 •

Copy link
Copy Markdown
Member

Description

Component tests rendered without app.css, so utility classes like hidden, invisible and md:hidden had no effect
Import app.css in the client setup, default the browser viewport to 1280x800, and fix the tests that relied on unstyled markup.

closes #447

Docs

Release note

Checklist

Author

  • AI review done, findings addressed
  • Tests added or updated
  • Changelog updated (if the repo keeps one)

Reviewer

  • Useful comments and logging
  • Docs added or updated per the style guide

Acceptance

  • Check for release notes and docs

Component tests rendered without app.css, so utility classes like hidden,
invisible and md:hidden had no effect and visibility assertions ran against
a DOM no user sees. One test (PreviewModal Data tab) passed only because of
that.

Import app.css in the client setup, default the browser viewport to
1280x800, and fix the tests that relied on unstyled markup.
@github-actions

github-actions Bot commented Nov 9, 2026

Copy link
Copy Markdown

Coverage Report

Status Category Percentage Covered / Total
🔵 Lines 67.74% 9217 / 13605
🔵 Statements 66.72% 12414 / 18604
🔵 Functions 68.66% 2982 / 4343
🔵 Branches 57.63% 5196 / 9015
File CoverageNo changed files found.
Generated in workflow #1255 for commit a3eab36 by the Vitest Coverage Report Action

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Component tests run without styles

1 participant