[graduta]

This PR is stacked on #2291 (LHC fills overview): it reuses the shared components introduced there. It targets its branch and the base will be changed to main once #2291 is merged.

I have a JIRA ticket

• branch and/or PR name(s) include(s) JIRA ID
• issue has "Fix version" assigned
• issue "Status" is set to "In review"
• PR labels are selected

Notable changes for users:

• The environments overview has columns with fixed widths fitting their content, the detectors taking the remaining width.
  • Environment: the id is a larger link followed by a discreet caret opening the same actions as before.
  • Current Status: the current status (with the warning icon if the environment has been in error) with its message below it.
  • Created At: the creation date, replacing the Timing (creation and last update) as the last update of an environment is the same as its creation in most cases. The time range filter is displayed on this column.
  • Status History: the statuses are displayed on a single line, followed by the total time of the environment (from its first to its last status) and the time it spent running. Hovering a status displays its message, the time it was reached and the time spent in it.
  • Runs: narrower, as an environment has few runs.
  • Configuration (new): the number of EPNs and FLPs, the DCS state and the trigger (OFF, LTU or CTP) of the environment on two lines, as in the run overview. They are read from the configuration of the environment the same way the runs started in it are.
  • Detectors (new): the number of detectors of the environment followed by their names, on a single line, taking the remaining width.
• The default number of rows of the page is estimated for the new height of the rows, to fill the page.
• All the filters are still available in the same filters panel, with unchanged URL parameters. The filter on the creation date is displayed after the one on the status.

Notable changes for developers:

• The environmentsActiveColumns columns are updated (the environments overview is their only user).
• New formatEnvironmentStatusHistory, parseEnvironmentConfiguration and dataTakingConfiguration (extracted from the run overview, which uses it too), and w-environments-*-column css classes.
• Elements have stable ids to be used in UI tests: #row<environmentId>-id, -currentStatus, -statusMessage, -statusChain, -statusSummary, -nEpns, -nFlps, -dcs, -triggerValue, -detectors.
• The environments and runs suites were run in docker and pass (one run of the runs suite had a failure in a filter test that did not happen when run again).

Changes made to the database:

• None

[codecov]

Codecov Report

❌ Patch coverage is 0% with 68 lines in your changes missing coverage. Please review.
✅ Project coverage is 45.91%. Comparing base (ecc75bf) to head (2bc92f1).

Files with missing lines	Patch %	Lines
...vironments/format/parseEnvironmentConfiguration.js	0.00%	26 Missing ⚠️
...onments/ActiveColumns/environmentsActiveColumns.js	0.00%	16 Missing ⚠️
...ironments/format/formatEnvironmentStatusHistory.js	0.00%	15 Missing ⚠️
...nents/common/formatting/dataTakingConfiguration.js	0.00%	8 Missing ⚠️
...ironments/Overview/environmentOverviewComponent.js	0.00%	2 Missing ⚠️
...ws/Runs/ActiveColumns/runsOverviewActiveColumns.js	0.00%	1 Missing ⚠️

Additional details and impacted files

@@                                Coverage Diff                                @@
##           improv/O2B-1641/lhc-fill-page-UX-improvements    #2293      +/-   ##
=================================================================================
- Coverage                                          46.03%   45.91%   -0.13%     
=================================================================================
  Files                                               1070     1073       +3     
  Lines                                              17546    17595      +49     
  Branches                                            3225     3242      +17     
=================================================================================
  Hits                                                8078     8078              
- Misses                                              9468     9517      +49     

☔ View full report in Codecov by Harness.
📢 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.