Skip to content

[BUG] Manual CSS concatenation in smoke.test.js lacks newline separators #2776

@Rajlakshmi-ai

Description

@Rajlakshmi-ai

🐛 What's broken?

In tests/smoke.test.js, multiple CSS component files are manually concatenated into a single css string using the + operator (lines 31-32). If any of the source CSS files end with a comment (e.g., /* end of component */) or lack a trailing newline, they will merge directly into the first line of the next file. This can silently comment out rules or create invalid syntax that breaks the JSDOM CSS parser.


📋 Steps to Reproduce

  1. Navigate to the repository file: tests/smoke.test.js.
  2. Inspect the beforeAll block around lines 31-32.
  3. Observe the direct string addition of all CSS variables without line breaks.

✅ Expected Behavior

The CSS file contents should be grouped into an array and joined with a newline character (\n) to guarantee safe parsing between file boundaries.


❌ Actual Behavior

Files are squashed together directly, risking syntax errors if source file formatting changes.


🔗 Reproduction

Current Structure:

css = variables + base + animations + utilities + buttons + cards + chip + footer + masonry + navbar + scrollProgress + sidebar + tabs + badges + loaders + tooltips + modals;

Metadata

Metadata

Assignees

Labels

GSSoC-26Official GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionsgood first issueGood for newcomersgssoc:approvedApproved for GSSoC contributionshelp wantedExtra attention neededlevel:intermediateRequires moderate project understandingtype:featureNew functionality or enhancement

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions