Added tests for multiline text support

[ANAMASGARD]

Add Multi-line Text Support Throughout animint2

Fixes #221

This PR enables newline characters (\n) to work in all text elements of animint2 visualizations. Users can now create multi-line text in plot titles, axis labels, legend titles, and geom_text labels.

What Now Works:
✅ Plot titles - ggtitle("Line 1\nLine 2")
✅ X-axis titles - xlab("X Axis\nSubtitle")
✅ Y-axis titles - ylab("Y Axis\nSubtitle")
✅ Legend titles - scale_color_discrete(name="Legend\nTitle")
✅ Text labels - geom_text(aes(label="Text\nLabel"))
✅ Tooltips - Already worked, still works (backward compatible)

Below is the screenshots of the scripts i ran locally to verify the test locally they fail as aspected

[ANAMASGARD]

Add Multi-line Text Support Throughout animint2

Fixes #221

Summary

This PR enables newline characters (\n) to work in all text elements of animint2 visualizations, not just tooltips. Users can now create multi-line text in plot titles, axis labels, legend titles, and geom_text labels.

What Now Works

✅ Plot titles - ggtitle("Line 1\nLine 2")
✅ X-axis titles - xlab("X Axis\nSubtitle")
✅ Y-axis titles - ylab("Y Axis\nSubtitle")
✅ Legend titles - scale_color_discrete(name="Legend\nTitle")
✅ Text labels - geom_text(aes(label="Text\nLabel"))
✅ Tooltips - Already worked, still works (backward compatible)

Visual Verification

The screenshot below demonstrates multi-line text working correctly in all contexts:

Example Usage

library(animint2)

data <- data.frame(
  x = 1:5,
  y = 1:5,
  group = c("A", "B", "C", "A", "B"),
  label = c("Single", "Two\nLines", "Three\nLines\nHere", "Text", "Label")
)

viz <- animint(
  plot1 = ggplot(data, aes(x, y, color = group, label = label)) +
    geom_point(size = 5) +
    geom_text(vjust = -1) +
    ggtitle("Multi-line Test\nIssue #221 Demonstration") +
    xlab("X Axis\n(Horizontal Position)") +
    ylab("Y Axis\n(Vertical Position)") +
    scale_color_discrete(name = "Data Group\n(Click to Select)")
)

animint2dir(viz, "output-dir")

[tdhock]

No obvious timing issues in HEAD=multiline-text-support-221

Generated via commit 0875c09

Download link for the artifact containing the test results: ↓ atime-results.zip

Task	Duration
R setup and installing dependencies	4 minutes and 25 seconds
Installing different package versions	57 seconds
Running and plotting the test cases	3 minutes and 41 seconds

[ANAMASGARD]

Ran tests locally - all 19 multiline text tests pass successfully. The test failures shown are due to missing optional packages (mapproj, sp, XML) and GitHub API permissions, not related to this PR. Sir can you please help me figure out on how to pass the JS_Coverage test suite .

[tdhock]

To get this PR to close the corresponding issue, please add

Closes #221

on its own line, in the first comment of the PR.

[tdhock]

looks like a step in the right direction, thanks!
however here #261 (comment) the second line of the overall title "Issue #221 Demonstration" is going into the plotting area.
Can you please add a test which makes sure the bottom of this title element is above the plotting area? (it should fail for the current code)

[tdhock]

Also in #261 (comment) it seems like there is an inconsistency between the X and Y axes.

• there is almost no space between the Y axis title (Vertical Position) and the Y axis ticks (2 3 4)
• there is a big space between the X axis title (X Axis) and the X axis tick (3).

can this be adjusted to be more consistent please?
also it should be consistent with the case of single line X/y axis title, as below from https://5-merge--animint-manual-en.netlify.app/ch06/#aes-tooltip which was created with current master

[tdhock]

please add tests then fix

[tdhock]

please simplify height/width calculation

[tdhock]

can you please post an updated screen shot?

[ANAMASGARD]

Updated screenshot after spacing fixes:

[tdhock]

can you please test increasing and decreasing font size?

#64 (comment)

[ANAMASGARD]

Sir @tdhock Fixed the axis title font size issue.

Axis titles now scale correctly with theme(text=element_text(size=30)).

Changes:
R/z_animint.R :- Extract axis title sizes from theme
inst/htmljs/animint.js :- Apply those sizes to axis title text elements

Tested with different font sizes (10, 30, 50) - all working locally on my system .

Please Sir review it and give your feedback !!!

[ANAMASGARD]

Sir @tdhock
The problem was axis titles didn't scale with theme(text=element_text(size=30)). Added extraction of axis title sizes from theme in R and use them in the renderer. Previous tests failed because we weren't testing this specific case, so I added 2 new tests to cover it. Also added PR#261 to NEWS.md. All tests pass locally now.

Please give your feedback !!!

[tdhock]

please revise and explain

[ANAMASGARD]

Sir @tdhock I have fixed all code style issues :=>

• 2-space indentation
• Removed blank lines
• Documented lineHeight (1.2em = standard SVG line spacing)
• Kept .each() because D3 needs it for element selection
• Both <br/> splitting and forEach loops needed: <br/> is intermediate format from R, forEach creates actual tspan elements SVG can render

All tests passed locally on my system .

[tdhock]

to understand why the test cases fail, you should try running them line by line under chromote, after tests_init(), and then look at the output in the remote controlled web browser window https://github.com/animint/animint2/wiki/Testing

[tdhock]

please click Resolve conversation so reviewers can see which things you have already fixed.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 72.68%. Comparing base (543d0d9) to head (0875c09).

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #261      +/-   ##
==========================================
- Coverage   73.09%   72.68%   -0.42%     
==========================================
  Files         164      165       +1     
  Lines        8769     8834      +65     
==========================================
+ Hits         6410     6421      +11     
- Misses       2359     2413      +54     

Flag	Coverage Δ
javascript	81.15% <100.00%> (+0.37%)	⬆️
r	68.72% <100.00%> (-0.85%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[tdhock]

please post updated screenshot

[ANAMASGARD]

Updated screenshot showing multiline text support working correctly:

• 3-line plot title does not overlap plot area
• X/Y axis titles with consistent multiline spacing
• Legend title with multiline support
• geom_text labels with multiline text

[tdhock]

this looks better.
like I wrote before #261 (comment) there is still the inconsistency between the amount of white space in X and Y axes. (Y has no space but X space is large)
please fix so that they are more consistent.

[tdhock]

please post new screenshot

[ANAMASGARD]

Sir @tdhock the spacing is now consistent. Please review and give feedback .