Add Github action that builds and pushes the affected apps

[paciook]

No description provided.

[github-actions]

Test Results

❌ fishing-map:test

 RUN  v4.1.8 /home/runner/work/frontend/frontend/apps/fishing-map
◇ injected env (0) from apps/fishing-map/.env // tip: ⌘ custom filepath { path: '/custom/path/.env' }
========================================
Authentication Setup Started (chromium)
========================================
Email configured: Yes
Password configured: Yes (hidden)
🔐 Setting up authenticated browser state...
Launching Playwright browser...
Starting auth proxy server...
Navigating to proxy login URL: http://localhost:3000/login
   [BROWSER CONSOLE] error: Connecting to 'https://ad.doubleclick.net/ccm/s/collect?auid=1259850338.1782502667&gtm=45Xe66o1v810016194za200zd810016194xea' violates the following Content Security Policy directive: "connect-src 'self' https://*.google-analytics.com https://*.analytics.google.com https://*.googletagmanager.com https://*.g.doubleclick.net https://*.google.com https://*.google.es". The action has been blocked.
   [BROWSER CONSOLE] error: Fetch API cannot load https://ad.doubleclick.net/ccm/s/collect?auid=1259850338.1782502667&gtm=45Xe66o1v810016194za200zd810016194xea. Refused to connect because it violates the document's Content Security Policy.
Navigated to auth page: https://gateway.api.dev.globalfishingwatch.org/v3/auth?client=gfw&locale=en&callback=http%3A%2F%2Flocalhost%3A3000%2Fauth%2Fcallback
Filling in email...
Filling in password...
Clicking login button...
Waiting for redirect to proxy callback with access token...
Access token captured from callback URL: Yes (length: 30)
Exchanging access token for API tokens with GFWAPI...
Token retrieved: Yes (length: 818)
Refresh token retrieved: Yes (length: 92)
✅ Authentication tokens saved to /home/runner/work/frontend/frontend/apps/fishing-map/test/.auth/tokens.json
Auth proxy server stopped
Browser closed
========================================
Authentication Setup Completed Successfully
========================================
========================================
Authentication Setup Started (global-setup)
========================================
✅ Valid tokens found, skipping auth setup
7:37:48 PM [vite] (client) Re-optimizing dependencies because vite config has changed
7:37:49 PM [vite] (client) [optimizer] scanning dependencies...
7:37:50 PM [vite] (client) [optimizer] bundling dependencies...
stderr | test/integration/Reports.spec.tsx > Reports > should display the date chosen in the timebar with the imprecision tolerance in the report description
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/12/13]
stderr | test/integration/Reports.spec.tsx > Reports > should display the date chosen in the timebar with the imprecision tolerance in the report description
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/13/13]
stderr | test/integration/Reports.spec.tsx > Reports > should display the date chosen in the timebar with the imprecision tolerance in the report description
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/13/13]
stderr | test/integration/Reports.spec.tsx > Reports > should display the date chosen in the timebar with the imprecision tolerance in the report description
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/12/13]
stderr | test/integration/Reports.spec.tsx > Reports > should update report data when filter changes
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/12/13]
stderr | test/integration/Reports.spec.tsx > Reports > should update report data when filter changes
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/12/13]
stderr | test/integration/Reports.spec.tsx > Reports > should update report data when filter changes
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/13/13]
stderr | test/integration/Reports.spec.tsx > Reports > should update report data when filter changes
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/13/13]
stderr | test/integration/Reports.spec.tsx > Global reports > should open global report when clicking on highlighted workspace in reports category
DataviewInstance id: viirs doesn't have a valid dataview (undefined)
stderr | test/integration/Reports.spec.tsx > Global reports > should have activity, events and detections tabs
DataviewInstance id: viirs doesn't have a valid dataview (undefined)
stderr | test/integration/Reports.spec.tsx > Global reports > should display the same number in the graph as in the timeseries
DataviewInstance id: viirs doesn't have a valid dataview (undefined)
stderr | test/integration/Reports.spec.tsx > Global reports > should change dataviews when changing tabs
DataviewInstance id: viirs doesn't have a valid dataview (undefined)
stderr | test/integration/Reports.spec.tsx > Global reports > should show detections in detections tab
DataviewInstance id: viirs doesn't have a valid dataview (undefined)
stderr | test/integration/Reports.spec.tsx > Private user reports > should show correct access message for private reports
{
  "message": "Not authorized by permissions",
  "metadata": {},
  "refreshError": true,
  "status": 401,
}
stderr | test/integration/Reports.spec.tsx > Data Comparison > should show both dataviews in graph when compared data is selected
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/12/13]
stderr | test/integration/Reports.spec.tsx > Data Comparison > should show both dataviews in graph when compared data is selected
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/12/13]
stderr | test/integration/Reports.spec.tsx > Data Comparison > should show both dataviews in graph when compared data is selected
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/13/13]
stderr | test/integration/Reports.spec.tsx > Data Comparison > should show both dataviews in graph when compared data is selected
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...-layers/5/13/13]
 ❯  fishing-map-chromium  test/integration/Reports.spec.tsx (18 tests | 8 failed) 449782ms
     × should navigate to a report from eez 30672ms
     ✓ should display the date chosen in the timebar with the imprecision tolerance in the report description  29756ms
     ✓ should show same report data at different zoom levels  24801ms
     ✓ should update report data when timebar changes  17221ms
     × should update report data when filter changes 22421ms
     ✓ should show no data message when no data  6325ms
     ✓ should add new subcategory option when new layer is added from layer library  17259ms
     ✓ should open global report when clicking on highlighted workspace in reports category  14643ms
     ✓ should have activity, events and detections tabs  685ms
     × should display the same number in the graph as in the timeseries 30279ms
     ✓ should change dataviews when changing tabs  8553ms
     × should show detections in detections tab 30152ms
     ✓ should show correct access message for private reports  799ms
     × should show user reports when user is logged in 60917ms
     × should correctly display others points reports data 60679ms
     ✓ should show second selector when choose data comparison mode  18004ms
     × should show both dataviews in map when compared data is selected 33095ms
     × should show both dataviews in graph when compared data is selected 42887ms
stderr | test/integration/Vessels.spec.tsx > Vessel map popup > should open vessel popup on vessel click and show tile related info
{
  "message": "",
  "metadata": {},
  "status": 503,
}
stderr | test/integration/Vessels.spec.tsx > Vessel map popup > should open vessel popup on vessel click and show tile related info
luma.gl: WebGL debug mode activated. Performance reduced.
stderr | test/integration/Vessels.spec.tsx > Vessel map popup > should open vessel popup on vessel click and show tile related info
luma.gl: Binding pathStyleUniforms not set: Not found in shader layout.
stderr | test/integration/Vessels.spec.tsx > Vessel map popup > should be able to close an opened popup
{
  "message": "signal is aborted without reason",
  "metadata": {},
  "status": 20,
}
stderr | test/integration/Vessels.spec.tsx > Vessel map popup > should display the vessel track on the timebar
[vitest] Failed to take a screenshot [TimeoutError: locator.screenshot: Timeout -98.39600000006612ms exceeded.
Call log:
  - taking element screenshot
]
stderr | test/integration/Vessels.spec.tsx > Vessel map popup > should be able to see vessel info on hover and pin a vessel to the map to see it on the sidebar
[vitest] Failed to take a screenshot [TimeoutError: locator.screenshot: Timeout 5000ms exceeded.
Call log:
  - waiting for locator('[data-vitest="true"]').contentFrame().locator('body')
    - locator resolved to visible <body data-testid="__vitest_0__">…</body>
]
 ❯  fishing-map-chromium  test/integration/Vessels.spec.tsx (9 tests | 4 failed) 183965ms
     × should open vessel popup on vessel click and show tile related info 30637ms
     ✓ should be able to close an opened popup  16685ms
     ✓ should be able to navigate to vessel viewer inside the vessel popup  20630ms
     × should display the vessel track on the timebar 36880ms
     × should be able to see vessel info on hover and pin a vessel to the map to see it on the sidebar 17143ms
     ✓ should show vessel info on vessel hover  11118ms
     ✓ should show vessel name, flag and date on vessel name hover on sidebar  9212ms
     ✓ should be able to filter vessels by flag  11143ms
     × should be able to interact with vessels after filtering by flag 30355ms
 ↓  fishing-map-chromium  test/integration/UserDatasets.spec.tsx (7 tests | 7 skipped)
stderr | test/integration/Datasets.spec.tsx > Datasets > should add reference data layer
luma.gl: Binding pathStyleUniforms not set: Not found in shader layout.
 ✓  fishing-map-chromium  test/integration/Datasets.spec.tsx (5 tests) 49322ms
     ✓ should add reference data layer  12901ms
     ✓ should add environment data layer  8431ms
     ✓ should add events data layer  7398ms
     ✓ should add activity data layer  8673ms
     ✓ should preserve other layers when removing layer  11793ms
 ❯  fishing-map-chromium  test/integration/Map.spec.tsx (8 tests | 2 failed) 75355ms
     ✓ should render a map element and it should be loaded and with the default state  1668ms
     ✓ should pass zoom, latitude and longitude changes of query params to map state  11231ms
     ✓ should preserve map state when adding a new layer  7591ms
     ✓ should preserve map state when removing a layer  3285ms
     ✓ should update layers when interacting with the map  5708ms
     × should reflect period changes on the state and map 5194ms
     ✓ should preserve map state when changing period  8704ms
     × should be able to set map visualization to positions and see the corresponding layers on the map 31834ms
stderr | test/integration/VesselViewer.spec.tsx > Vessel viewer > should change tab when clicking on a tab
luma.gl: WebGL debug mode activated. Performance reduced.
 ❯  fishing-map-chromium  test/integration/VesselViewer.spec.tsx (7 tests | 5 failed) 159435ms
     ✓ should renders tabs and vessel basic info  1800ms
     ✓ should change tab when clicking on a tab  6975ms
     × should render summary tab by type 30092ms
     × should render summary tab by timeline 30101ms
     × should render areas tab and its tabs 30097ms
     × should render related vessels tab 30116ms
     × should render insights tab 30116ms
 ❯  fishing-map-chromium  test/integration/Polygon.spec.tsx (3 tests | 1 failed | 2 skipped) 148ms
     × should be able to navigate to the polygon editor
     ↓ should load the polygon in the map
     ↓ should be able to draw a new polygon, see it in the map and delete it
stderr | test/integration/Timebar.spec.tsx > App Timebar Integration > the map should be interactive after timebar interaction
luma.gl: Binding pathStyleUniforms not set: Not found in shader layout.
 ✓  fishing-map-chromium  test/integration/Timebar.spec.tsx (3 tests) 29322ms
     ✓ the map should be interactive after timebar interaction  13769ms
     ✓ events should be visible on timebar  5624ms
     ✓ detections should be visible on timebar  9686ms
stderr | test/integration/Sidebar.spec.tsx > Sidebar tools > should change language from selector
React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.
 ✓  fishing-map-chromium  test/integration/Sidebar.spec.tsx (5 tests) 7315ms
     ✓ should open feedback modal  2327ms
     ✓ should change language from selector  1175ms
     ✓ should toggle sidebar  754ms
     ✓ should show help hints and allow dismissing one  1973ms
     ✓ should restore help hints when requested  954ms
 ✓  fishing-map-chromium  test/utils/store/testing-store-middleware.spec.ts (7 tests) 340ms
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: context-layer-high-seas doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: global-sea-surface-temperature doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: global-water-salinity doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: global-chlorophyl doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: encounter-events doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: sar-match doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: viirs-match doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: sar-match doesn't have a valid dataview (undefined)
stderr | test/integration/MarineManager.spec.tsx > Marine Manager > should show workspace layers matching the workspace configuration
DataviewInstance id: viirs-match doesn't have a valid dataview (undefined)
 ❯  fishing-map-chromium  test/integration/MarineManager.spec.tsx (2 tests | 1 failed) 6942ms
     × should be able to navigate to marine manager workspace through sidebar 4013ms
     ✓ should show workspace layers matching the workspace configuration  2774ms
stderr | unknown test
[Error: Failed to fetch resource (404) : https://gateway.api.dev.globalfi...t-layers/5/0/17]
 ❯  fishing-map-chromium  test/integration/VesselSearch.spec.tsx (3 tests | 3 failed) 68199ms
     × can search for a vessel and see it on the map 30205ms
     × preserves vessel search value when navigating away and back 7209ms
     × reacts to clearing the search input 30618ms
 ✓  fishing-map-chromium  test/integration/VesselsVMSBrazil.spec.tsx (2 tests) 5602ms
     ✓ should render public VMS Brazil identity fields  2519ms
     ✓ should render private-only VMS Brazil identity fields  2957ms
 ✓  fishing-map-chromium  features/dataviews/dataviews.utils.spec.ts (4 tests) 1601ms
stderr | test/integration/PrivateWorkspace.spec.tsx > PrivateWorkspace > should not be able to navigate to the private workspace if not authenticated
{
  "message": "Not authorized by permissions",
  "metadata": {},
  "refreshError": true,
  "status": 401,
}
 ✓  fishing-map-chromium  test/integration/PrivateWorkspace.spec.tsx (4 tests) 5707ms
     ✓ should not be able to navigate to the private workspace if not authenticated  1171ms
     ✓ should be able to navigate to the private workspace if authenticated  1512ms
     ✓ should be able to navigate to a password-protected workspace if correct password is used  1667ms
     ✓ should not be able to navigate to a password-protected workspace if incorrect password is used  1215ms
 ✓  fishing-map-chromium  test/integration/App.spec.tsx (2 tests) 6505ms
     ✓ should reflect store changes on layer toggle  1969ms
     ✓ should preserve map previous state on layer toggle  4300ms
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should render Timebar component with heatmap visualization by default
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
stderr | features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
Warning: useRouter must be used inside a <RouterProvider> component!
 ❯  fishing-map-chromium  features/timebar/Timebar.spec.tsx (2 tests | 1 failed) 426ms
     ✓ should render Timebar component with heatmap visualization by default 91ms
     × should call onTimebarChange with new time interval on yearly data button click 275ms
 ❯  fishing-map-chromium  test/integration/User.spec.tsx (1 test | 1 failed) 30858ms
     × should show expired session warning toast 30737ms
 ✓  fishing-map-chromium  features/workspace/user/UserSection/UserSection.test.tsx (1 test) 6377ms
     ✓ should have a login link if the user is a guest  6303ms
⎯⎯⎯⎯⎯⎯ Failed Tests 26 ⎯⎯⎯⎯⎯⎯⎯
 FAIL   fishing-map-chromium  features/timebar/Timebar.spec.tsx > Timebar > should call onTimebarChange with new time interval on yearly data button click
AssertionError: expected "vi.fn()" to be called with arguments: [ '2012-01-01T00:00:00.000Z', …(1) ]
Received:
  1st vi.fn() call:
  [
    "2012-01-01T00:00:00.000Z",
    "2026-12-31T23:59:59.999Z",
+   "YEAR_INTERVAL_BUTTON",
  ]

Number of calls: 1

Failure screenshot:
  - apps/fishing-map/features/timebar/__screenshots__/Timebar.spec.tsx/Timebar-should-call-onTimebarChange-with-new-time-interval-on-yearly-data-button-click-1.png
 ❯ features/timebar/Timebar.spec.tsx:54:31
     52|
     53|     // Now you can assert on the spy
     54|     expect(onTimebarChangeSpy).toHaveBeenCalledWith(
       |                               ^
     55|       '2012-01-01T00:00:00.000Z',
     56|       '2026-12-31T23:59:59.999Z'
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/26]⎯
 FAIL   fishing-map-chromium  test/integration/Map.spec.tsx > Map > should reflect period changes on the state and map
AssertionError: expected { …(2) } to match object { …(2) }
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Map.spec.tsx/Map-should-reflect-period-changes-on-the-state-and-map-1.png
- Expected
+ Received
  {
-   "end": "2026-12-31T23:59:59.999Z",
+   "end": "2027-01-01T00:00:00.000Z",
    "start": "2012-01-01T00:00:00.000Z",
  }
 ❯ test/integration/Map.spec.tsx:156:22
    154|     const deckLayersState = jotaiStore.get(deckLayersStateAtom)
    155|
    156|     expect(timerange).toMatchObject({
       |                      ^
    157|       start: '2012-01-01T00:00:00.000Z',
    158|       end: '2026-12-31T23:59:59.999Z',
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/26]⎯
 FAIL   fishing-map-chromium  test/integration/Map.spec.tsx > Map > should be able to set map visualization to positions and see the corresponding layers on the map
VitestBrowserElementError: Cannot find element with locator: page.getByTestId('map-popup-wrapper').getByText(/No.805 Oryong/i)
<body
  class=""
>
  
  

  <div
    id="__root__"
  >
    <a
      class="print-only"
      href="https://globalfishingwatch.org"
    >
      <svg
        aria-label="Global Fishing Watch "
        class="_container_13m0y_1"
        height="60"
        viewBox="20 0 220 60"
        width="200"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g
          aria-hidden="true"
          fill="none"
          fill-rule="evenodd"
          focusable="false"
        >
          <path
            d="M23.1 27.83c-.08.16-2.25 4.5.57 8.76.83 1.25 1.76 2.24 4.1 3.8 3.38 2.26 7.42 6.16 8.4 8.45.1.21.36.59-.06.83-.73.41-1.75.31-2.16.25l-.12-.02c-4.75-.88-14.5-5-13.8-13.8.18-2.21.98-4.87 3.07-8.27zm9.92-8.64c.7-.08 2.98-.15 3.08.08.07.17-.83.5-.87.52-5.22 1.98-6.97 3.16-7.22 3.3-3.3 2.01-4.71 4.35-4.82 4.57 1.48-3.1 5.2-7.93 9.83-8.47z"
            fill="#8ABBC7"
          />
          <path
            d="M40.45 19.2l.64 1.16a17.1 17.1 0 011.52 3.94c.27 1.1.39 2.23.31 3.37a9.39 9.39 0 01-1.72 4.84 12.9 12.9 0 01-3.29 3.2 20.3 20.3 0 01-7.02 3.08c-.4.09-.8.16-1.2.19a3.39 3.39 0 01-1.3-.17c-.43-.17-.5-.43-.28-.83a13.43 13.43 0 012.53-3.4 35.39 35.39 0 015.48-4.56c.76-.53 1.5-1.06 2.15-1.7a8.5 8.5 0 002.55-4.63 8.37 8.37 0 00-.24-3.89l-.18-.59.05-.02zm.64 16.43c.5.03.64.28.4.72-.35.64-.9 1.04-1.6 1.21-.68.16-1.35.13-2.02-.02-.42-.09-.83-.23-1.24-.35l-.11-.06.12-.08c1.02-.53 2.07-.97 3.19-1.26.4-.1.83-.18 1.26-.16zM30.73 10.07c.92.2 1.75.61 2.54 1.11.87.56 1.65 1.21 2.4 1.92a29.78 29.78 0 014.2 5.18l.01.07-.18-.16a14.79 14.79 0 00-3.6-2.45c-1.01-.5-2.06-.9-3.11-1.3-.58-.23-1.16-.44-1.7-.75a1.82 1.82 0 01-.75-.76c-.15-.32-.07-.6.23-.78l.35-.18c-.28-.14-.53-.24-.75-.38-.2-.13-.38-.29-.55-.45a.77.77 0 01-.21-.64c.02-.24.13-.38.35-.46.26-.08.52-.03.77.03z"
            fill="#E84427"
          />
          <text
            class="_mainBrand_13m0y_5 _default_13m0y_10"
            x="52"
            y="37"
          >
            Global Fishing Watch
          </text>
        </g>
      </svg>
    </a>
    <div
      class="_appLayout_d89r9_1"
    >
      <div
        class="_appLayoutContent_d89r9_8"
        id="app-layout-content"
      >
        <div
          class="_container_1gfa5_1 _isOpen_1gfa5_19 _splitContainer_d89r9_66"
        >
          <aside
            class="_aside_1gfa5_8 _aside_d89r9_77"
            style="width: 40rem;"
          >
            <button
              aria-label="Toggle sidebar"
              class="print-hidden _toggleBtn_1gfa5_48"
            >
              <svg … />
            </button>
            <div
              class="_container_10gdv_1"
            >
              <div … />
              <ul … />
            </div>
          </aside>
          <main
            class="_main_1gfa5_23 _main_d89r9_16"
            data-testid="app-main"
            id="app-main"
            style="left: 40rem;"
          >
            <div
              class="_mapContainer_d89r9_22 _withTimebar_d89r9_33"
            >
              <div … />
            </div>
            <div
              class="_timebarWrapper_1pma8_1"
              data-testid="timebar-wrapper"
              role="toolbar"
            >
              <div … />
              <div … />
            </div>
            <footer
              class="print-hidden _footer_1k9s3_1"
            >
              <div … />
              <span … />
            </footer>
          </main>
        </div>
        <section
          aria-atomic="false"
          aria-label="Notifications Alt+T"
          aria-live="polite"
          aria-relevant="additions text"
          class="Toastify"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
      </div>
      <div
        class="_panel_15iap_1 _hidden_15iap_12"
        style="width: 540px; --panel-width: 540px;"
      >
        <div
          class="_panelResizer_15iap_29"
          role="button"
          tabindex="0"
        />
      </div>
    </div>
  </div>
  <div
    class="ReactModalPortal"
  />
</body>...
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Map.spec.tsx/Map-should-be-able-to-set-map-visualization-to-positions-and-see-the-corresponding-layers-on-the-map-1.png
 ❯ test/integration/Map.spec.tsx:230:87
    228|     await userEvent.click(getByTestId('app-main'), { position: { x, y …
    229|
    230|     await expect.element(getByTestId('map-popup-wrapper').getByText(/N…
       |                                                                                       ^
    231|   })
    232| })
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/Map.spec.tsx:230:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[3/26]⎯
 FAIL   fishing-map-chromium  test/integration/MarineManager.spec.tsx > Marine Manager > should be able to navigate to marine manager workspace through sidebar
AssertionError: expected undefined to match object { type: 'WORKSPACE', …(3) }
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/MarineManager.spec.tsx/Marine-Manager-should-be-able-to-navigate-to-marine-manager-workspace-through-sidebar-1.png
- Expected:
{
  "meta": {
    "location": {
      "current": {
        "pathname": "/marine-manager/fiji-public",
        "payload": {
          "category": "marine-manager",
          "workspaceId": "fiji-public",
        },
      },
      "kind": StringMatching /redirect|push/,
      "prev": Any<Object>,
    },
  },
  "payload": {
    "category": "marine-manager",
    "workspaceId": "fiji-public",
  },
  "replaceQuery": true,
  "type": "WORKSPACE",
}
+ Received:
undefined
 ❯ test/integration/MarineManager.spec.tsx:27:19
     25|     const action = testingMiddleware.getLastActionByType('WORKSPACE')
     26|
     27|     expect(action).toMatchObject({
       |                   ^
     28|       type: 'WORKSPACE',
     29|       payload: {
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[4/26]⎯
 FAIL   fishing-map-chromium  test/integration/Polygon.spec.tsx > Polygon > should be able to navigate to the polygon editor
Error: [Vitest] Unexpected .only modifier. Remove it or pass --allowOnly argument to bypass this error
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[5/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Reports > should navigate to a report from eez
VitestBrowserElementError: Cannot find element with locator: page.getByTestId('open-analysis-link')
<body>
  
  

  <div
    id="__root__"
  >
    <a
      class="print-only"
      href="https://globalfishingwatch.org"
    >
      <svg
        aria-label="Global Fishing Watch "
        class="_container_13m0y_1"
        height="60"
        viewBox="20 0 220 60"
        width="200"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g
          aria-hidden="true"
          fill="none"
          fill-rule="evenodd"
          focusable="false"
        >
          <path
            d="M23.1 27.83c-.08.16-2.25 4.5.57 8.76.83 1.25 1.76 2.24 4.1 3.8 3.38 2.26 7.42 6.16 8.4 8.45.1.21.36.59-.06.83-.73.41-1.75.31-2.16.25l-.12-.02c-4.75-.88-14.5-5-13.8-13.8.18-2.21.98-4.87 3.07-8.27zm9.92-8.64c.7-.08 2.98-.15 3.08.08.07.17-.83.5-.87.52-5.22 1.98-6.97 3.16-7.22 3.3-3.3 2.01-4.71 4.35-4.82 4.57 1.48-3.1 5.2-7.93 9.83-8.47z"
            fill="#8ABBC7"
          />
          <path
            d="M40.45 19.2l.64 1.16a17.1 17.1 0 011.52 3.94c.27 1.1.39 2.23.31 3.37a9.39 9.39 0 01-1.72 4.84 12.9 12.9 0 01-3.29 3.2 20.3 20.3 0 01-7.02 3.08c-.4.09-.8.16-1.2.19a3.39 3.39 0 01-1.3-.17c-.43-.17-.5-.43-.28-.83a13.43 13.43 0 012.53-3.4 35.39 35.39 0 015.48-4.56c.76-.53 1.5-1.06 2.15-1.7a8.5 8.5 0 002.55-4.63 8.37 8.37 0 00-.24-3.89l-.18-.59.05-.02zm.64 16.43c.5.03.64.28.4.72-.35.64-.9 1.04-1.6 1.21-.68.16-1.35.13-2.02-.02-.42-.09-.83-.23-1.24-.35l-.11-.06.12-.08c1.02-.53 2.07-.97 3.19-1.26.4-.1.83-.18 1.26-.16zM30.73 10.07c.92.2 1.75.61 2.54 1.11.87.56 1.65 1.21 2.4 1.92a29.78 29.78 0 014.2 5.18l.01.07-.18-.16a14.79 14.79 0 00-3.6-2.45c-1.01-.5-2.06-.9-3.11-1.3-.58-.23-1.16-.44-1.7-.75a1.82 1.82 0 01-.75-.76c-.15-.32-.07-.6.23-.78l.35-.18c-.28-.14-.53-.24-.75-.38-.2-.13-.38-.29-.55-.45a.77.77 0 01-.21-.64c.02-.24.13-.38.35-.46.26-.08.52-.03.77.03z"
            fill="#E84427"
          />
          <text
            class="_mainBrand_13m0y_5 _default_13m0y_10"
            x="52"
            y="37"
          >
            Global Fishing Watch
          </text>
        </g>
      </svg>
    </a>
    <div
      class="_appLayout_d89r9_1"
    >
      <div
        class="_appLayoutContent_d89r9_8"
        id="app-layout-content"
      >
        <div
          class="_container_1gfa5_1 _isOpen_1gfa5_19 _splitContainer_d89r9_66"
        >
          <aside
            class="_aside_1gfa5_8 _aside_d89r9_77"
            style="width: 40rem;"
          >
            <button
              aria-label="Toggle sidebar"
              class="print-hidden _toggleBtn_1gfa5_48"
            >
              <svg … />
            </button>
            <div
              class="_container_10gdv_1"
            >
              <div … />
              <ul … />
            </div>
          </aside>
          <main
            class="_main_1gfa5_23 _main_d89r9_16"
            data-testid="app-main"
            id="app-main"
            style="left: 40rem;"
          >
            <div
              class="_mapContainer_d89r9_22 _withTimebar_d89r9_33"
            >
              <div … />
            </div>
            <div
              class="_timebarWrapper_1pma8_1"
              data-testid="timebar-wrapper"
              role="toolbar"
            >
              <div … />
              <div … />
            </div>
            <footer
              class="print-hidden _footer_1k9s3_1"
            >
              <div … />
              <span … />
            </footer>
          </main>
        </div>
        <section
          aria-atomic="false"
          aria-label="Notifications Alt+T"
          aria-live="polite"
          aria-relevant="additions text"
          class="Toastify"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
      </div>
      <div
        class="_panel_15iap_1 _hidden_15iap_12"
        style="width: 540px; --panel-width: 540px;"
      >
        <div
          class="_panelResizer_15iap_29"
          role="button"
          tabindex="0"
        />
      </div>
    </div>
  </div>
  <div
    class="ReactModalPortal"
  />
</body>...
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Reports-should-navigate-to-a-report-from-eez-1.png
 ❯ test/integration/Reports.spec.tsx:158:60
    156|     await new Promise((resolve) => setTimeout(resolve, 500))
    157|
    158|     await expect.element(getByTestId('open-analysis-link')).toBeVisibl…
       |                                                            ^
    159|     await userEvent.click(getByTestId('open-analysis-link'))
    160|
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/Reports.spec.tsx:158:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[6/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Reports > should update report data when filter changes
AssertionError: expected 2480.460000000001 to be less than 2480.460000000001
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Reports-should-update-report-data-when-filter-changes-1.png
 ❯ test/integration/Reports.spec.tsx:271:25
    269|     expect(typeof updatedHours).toBe('number')
    270|     expect(typeof initialHours).toBe('number')
    271|     expect(updatedHours).toBeLessThan(initialHours!)
       |                         ^
    272|   })
    273|
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[7/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Global reports > should display the same number in the graph as in the timeseries
VitestBrowserElementError: Cannot find element with locator: page.getByTestId('evolution-timeseries-chart')
<body
  class=""
>
  
  

  <span
    aria-hidden="true"
    id="recharts_measurement_span"
    style="position: absolute; top: -20000px; left: 0px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; white-space: pre; font-size: 12px; letter-spacing: normal;"
  >
    20
  </span>
  <div
    id="__root__"
  >
    <a
      class="print-only"
      href="https://globalfishingwatch.org"
    >
      <svg
        aria-label="Global Fishing Watch "
        class="_container_13m0y_1"
        height="60"
        viewBox="20 0 220 60"
        width="200"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g
          aria-hidden="true"
          fill="none"
          fill-rule="evenodd"
          focusable="false"
        >
          <path
            d="M23.1 27.83c-.08.16-2.25 4.5.57 8.76.83 1.25 1.76 2.24 4.1 3.8 3.38 2.26 7.42 6.16 8.4 8.45.1.21.36.59-.06.83-.73.41-1.75.31-2.16.25l-.12-.02c-4.75-.88-14.5-5-13.8-13.8.18-2.21.98-4.87 3.07-8.27zm9.92-8.64c.7-.08 2.98-.15 3.08.08.07.17-.83.5-.87.52-5.22 1.98-6.97 3.16-7.22 3.3-3.3 2.01-4.71 4.35-4.82 4.57 1.48-3.1 5.2-7.93 9.83-8.47z"
            fill="#8ABBC7"
          />
          <path
            d="M40.45 19.2l.64 1.16a17.1 17.1 0 011.52 3.94c.27 1.1.39 2.23.31 3.37a9.39 9.39 0 01-1.72 4.84 12.9 12.9 0 01-3.29 3.2 20.3 20.3 0 01-7.02 3.08c-.4.09-.8.16-1.2.19a3.39 3.39 0 01-1.3-.17c-.43-.17-.5-.43-.28-.83a13.43 13.43 0 012.53-3.4 35.39 35.39 0 015.48-4.56c.76-.53 1.5-1.06 2.15-1.7a8.5 8.5 0 002.55-4.63 8.37 8.37 0 00-.24-3.89l-.18-.59.05-.02zm.64 16.43c.5.03.64.28.4.72-.35.64-.9 1.04-1.6 1.21-.68.16-1.35.13-2.02-.02-.42-.09-.83-.23-1.24-.35l-.11-.06.12-.08c1.02-.53 2.07-.97 3.19-1.26.4-.1.83-.18 1.26-.16zM30.73 10.07c.92.2 1.75.61 2.54 1.11.87.56 1.65 1.21 2.4 1.92a29.78 29.78 0 014.2 5.18l.01.07-.18-.16a14.79 14.79 0 00-3.6-2.45c-1.01-.5-2.06-.9-3.11-1.3-.58-.23-1.16-.44-1.7-.75a1.82 1.82 0 01-.75-.76c-.15-.32-.07-.6.23-.78l.35-.18c-.28-.14-.53-.24-.75-.38-.2-.13-.38-.29-.55-.45a.77.77 0 01-.21-.64c.02-.24.13-.38.35-.46.26-.08.52-.03.77.03z"
            fill="#E84427"
          />
          <text
            class="_mainBrand_13m0y_5 _default_13m0y_10"
            x="52"
            y="37"
          >
            Global Fishing Watch
          </text>
        </g>
      </svg>
    </a>
    <div
      class="_appLayout_d89r9_1"
    >
      <div
        class="_appLayoutContent_d89r9_8"
        id="app-layout-content"
      >
        <div
          class="_container_1gfa5_1 _isOpen_1gfa5_19 _splitContainer_d89r9_66"
        >
          <aside
            class="_aside_1gfa5_8 _aside_d89r9_77"
            style="width: 50%;"
          >
            <div
              aria-label="Resize sidebar"
              class="_resizer_1gfa5_32 print-hidden"
              role="button"
              tabindex="0"
            />
            <div
              class="_container_10gdv_1"
            >
              <div … />
              <ul … />
            </div>
          </aside>
          <main
            class="_main_1gfa5_23 _main_d89r9_16"
            data-testid="app-main"
            id="app-main"
            style="left: 50%;"
          >
            <div
              class="_mapContainer_d89r9_22 _withTimebar_d89r9_33"
            >
              <div … />
            </div>
            <div
              class="_timebarWrapper_1pma8_1"
              data-testid="timebar-wrapper"
              role="toolbar"
            >
              <div … />
              <div … />
            </div>
            <footer
              class="print-hidden _footer_1k9s3_1"
            >
              <div … />
              <span … />
            </footer>
          </main>
        </div>
        <section
          aria-atomic="false"
          aria-label="Notifications Alt+T"
          aria-live="polite"
          aria-relevant="additions text"
          class="Toastify"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
      </div>
      <div
        class="_panel_15iap_1 _hidden_15iap_12"
        style="width: 540px; --panel-width: 540px;"
      >
        <div
          class="_panelResizer_15iap_29"
          role="button"
          tabindex="0"
        />
      </div>
    </div>
  </div>
  <div
    class="ReactModalPortal"
  />
</body>...
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Global-reports-should-display-the-same-number-in-the-graph-as-in-the-timeseries-1.png
 ❯ test/integration/Reports.spec.tsx:379:68
    377|     expect(statsData).toBeDefined()
    378|     const latestStatsData = (await waitForStatsQueryLoaded(store))?.da…
    379|     await expect.element(getByTestId('evolution-timeseries-chart')).to…
       |                                                                    ^
    380|     const timeseries = latestStatsData?.[0]?.timeseries
    381|     if (!timeseries?.length) {
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/Reports.spec.tsx:379:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[8/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Global reports > should show detections in detections tab
Error: expect(element).toHaveTextContent()
Expected element to have text content:
  /Night light detections \(VIIRS\)/i
Received:
  Radar vessel detections (SAR)Imagery detections (Optical)
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Global-reports-should-show-detections-in-detections-tab-1.png
 ❯ test/integration/Reports.spec.tsx:460:38
    458|     const subselector = getByTestId('report-subsection-selector')
    459|     await expect.element(subselector).toBeVisible()
    460|     await expect.element(subselector).toHaveTextContent(/Night light d…
       |                                      ^
    461|     await expect.element(subselector).toHaveTextContent(/Radar vessel …
    462|     await expect.element(subselector).toHaveTextContent(/Sentinel 2/i)
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/Reports.spec.tsx:460:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[9/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Private user reports > should show user reports when user is logged in
AssertionError: expected 'idle' to be 'finished' // Object.is equality
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Private-user-reports-should-show-user-reports-when-user-is-logged-in-1.png
Expected: "finished"
Received: "idle"
 ❯ waitForUserReportsReady test/integration/Reports.spec.tsx:59:5
     57|   await expect
     58|     .poll(() => store.getState().reports.status, { timeout })
     59|     .toBe(AsyncReducerStatus.Finished)
       |     ^
     60| }
     61|
 ❯ test/integration/Reports.spec.tsx:491:10
Caused by: Error: Matcher did not succeed in time.
 ❯ waitForUserReportsReady test/integration/Reports.spec.tsx:57:2
 ❯ test/integration/Reports.spec.tsx:491:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[10/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Private user reports > should correctly display others points reports data
AssertionError: expected 'idle' to be 'finished' // Object.is equality
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Private-user-reports-should-correctly-display-others-points-reports-data-1.png
Expected: "finished"
Received: "idle"
 ❯ waitForUserReportsReady test/integration/Reports.spec.tsx:59:5
     57|   await expect
     58|     .poll(() => store.getState().reports.status, { timeout })
     59|     .toBe(AsyncReducerStatus.Finished)
       |     ^
     60| }
     61|
 ❯ test/integration/Reports.spec.tsx:516:10
Caused by: Error: Matcher did not succeed in time.
 ❯ waitForUserReportsReady test/integration/Reports.spec.tsx:57:2
 ❯ test/integration/Reports.spec.tsx:516:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[11/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Data Comparison > should show both dataviews in map when compared data is selected
Error: Test timed out in 30000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Data-Comparison-should-show-both-dataviews-in-map-when-compared-data-is-selected-1.png
 ❯ test/integration/Reports.spec.tsx:563:2
    561|   })
    562|
    563|   it('should show both dataviews in map when compared data is selected…
       |  ^
    564|     const store = makeStore(defaultState)
    565|     const jotaiStore = createJotaiStore()
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[12/26]⎯
 FAIL   fishing-map-chromium  test/integration/Reports.spec.tsx > Data Comparison > should show both dataviews in graph when compared data is selected
Error: Test timed out in 30000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Reports.spec.tsx/Data-Comparison-should-show-both-dataviews-in-graph-when-compared-data-is-selected-1.png
 ❯ test/integration/Reports.spec.tsx:590:2
    588|   })
    589|
    590|   it('should show both dataviews in graph when compared data is select…
       |  ^
    591|     const store = makeStore(defaultState)
    592|     const jotaiStore = createJotaiStore()
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[13/26]⎯
 FAIL   fishing-map-chromium  test/integration/User.spec.tsx > User expiration > should show expired session warning toast
VitestBrowserElementError: Cannot find element with locator: page.getByText(/Your session has expired/i)
<body>
  
  

  <div
    id="__root__"
  >
    <a
      class="print-only"
      href="https://globalfishingwatch.org"
    >
      <svg
        aria-label="Global Fishing Watch "
        class="_container_13m0y_1"
        height="60"
        viewBox="20 0 220 60"
        width="200"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g
          aria-hidden="true"
          fill="none"
          fill-rule="evenodd"
          focusable="false"
        >
          <path
            d="M23.1 27.83c-.08.16-2.25 4.5.57 8.76.83 1.25 1.76 2.24 4.1 3.8 3.38 2.26 7.42 6.16 8.4 8.45.1.21.36.59-.06.83-.73.41-1.75.31-2.16.25l-.12-.02c-4.75-.88-14.5-5-13.8-13.8.18-2.21.98-4.87 3.07-8.27zm9.92-8.64c.7-.08 2.98-.15 3.08.08.07.17-.83.5-.87.52-5.22 1.98-6.97 3.16-7.22 3.3-3.3 2.01-4.71 4.35-4.82 4.57 1.48-3.1 5.2-7.93 9.83-8.47z"
            fill="#8ABBC7"
          />
          <path
            d="M40.45 19.2l.64 1.16a17.1 17.1 0 011.52 3.94c.27 1.1.39 2.23.31 3.37a9.39 9.39 0 01-1.72 4.84 12.9 12.9 0 01-3.29 3.2 20.3 20.3 0 01-7.02 3.08c-.4.09-.8.16-1.2.19a3.39 3.39 0 01-1.3-.17c-.43-.17-.5-.43-.28-.83a13.43 13.43 0 012.53-3.4 35.39 35.39 0 015.48-4.56c.76-.53 1.5-1.06 2.15-1.7a8.5 8.5 0 002.55-4.63 8.37 8.37 0 00-.24-3.89l-.18-.59.05-.02zm.64 16.43c.5.03.64.28.4.72-.35.64-.9 1.04-1.6 1.21-.68.16-1.35.13-2.02-.02-.42-.09-.83-.23-1.24-.35l-.11-.06.12-.08c1.02-.53 2.07-.97 3.19-1.26.4-.1.83-.18 1.26-.16zM30.73 10.07c.92.2 1.75.61 2.54 1.11.87.56 1.65 1.21 2.4 1.92a29.78 29.78 0 014.2 5.18l.01.07-.18-.16a14.79 14.79 0 00-3.6-2.45c-1.01-.5-2.06-.9-3.11-1.3-.58-.23-1.16-.44-1.7-.75a1.82 1.82 0 01-.75-.76c-.15-.32-.07-.6.23-.78l.35-.18c-.28-.14-.53-.24-.75-.38-.2-.13-.38-.29-.55-.45a.77.77 0 01-.21-.64c.02-.24.13-.38.35-.46.26-.08.52-.03.77.03z"
            fill="#E84427"
          />
          <text
            class="_mainBrand_13m0y_5 _default_13m0y_10"
            x="52"
            y="37"
          >
            Global Fishing Watch
          </text>
        </g>
      </svg>
    </a>
    <div
      class="_appLayout_d89r9_1"
    >
      <div
        class="_appLayoutContent_d89r9_8"
        id="app-layout-content"
      >
        <div
          class="_container_1gfa5_1 _isOpen_1gfa5_19 _splitContainer_d89r9_66"
        >
          <aside
            class="_aside_1gfa5_8 _aside_d89r9_77"
            style="width: 40rem;"
          >
            <button
              aria-label="Toggle sidebar"
              class="print-hidden _toggleBtn_1gfa5_48"
            >
              <svg … />
            </button>
            <div
              class="_container_10gdv_1"
            >
              <div … />
              <ul … />
            </div>
          </aside>
          <main
            class="_main_1gfa5_23 _main_d89r9_16"
            data-testid="app-main"
            id="app-main"
            style="left: 40rem;"
          >
            <div
              class="_mapContainer_d89r9_22 _withTimebar_d89r9_33"
            >
              <div … />
            </div>
            <div
              class="_timebarWrapper_1pma8_1"
              data-testid="timebar-wrapper"
              role="toolbar"
            >
              <div … />
              <div … />
            </div>
            <footer
              class="print-hidden _footer_1k9s3_1"
            >
              <div … />
              <span … />
            </footer>
          </main>
        </div>
        <section
          aria-atomic="false"
          aria-label="Notifications Alt+T"
          aria-live="polite"
          aria-relevant="additions text"
          class="Toastify"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
      </div>
      <div
        class="_panel_15iap_1 _hidden_15iap_12"
        style="width: 540px; --panel-width: 540px;"
      >
        <div
          class="_panelResizer_15iap_29"
          role="button"
          tabindex="0"
        />
      </div>
    </div>
  </div>
  <div
    class="ReactModalPortal"
  />
</body>...
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/User.spec.tsx/User-expiration-should-show-expired-session-warning-toast-1.png
 ❯ test/integration/User.spec.tsx:19:65
     17|     const { getByText, getByTestId } = await render({ store })
     18|
     19|     await expect.element(getByText(/Your session has expired/i)).toBeV…
       |                                                                 ^
     20|     await expect.element(getByTestId('login-link').first()).toBeVisibl…
     21|   })
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/User.spec.tsx:19:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[14/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselSearch.spec.tsx > Vessel search > can search for a vessel and see it on the map
TimeoutError: locator.click: Timeout 27688ms exceeded.
Call log:
  - waiting for locator('[data-vitest="true"]').contentFrame().getByTestId('__vitest_0__').getByTestId('link-vessel-profile')

Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselSearch.spec.tsx/Vessel-search-can-search-for-a-vessel-and-see-it-on-the-map-1.png
 ❯ test/integration/VesselSearch.spec.tsx:28:20
     26|
     27|     await userEvent.type(getByTestId('search-vessels-basic-input'), 'G…
     28|     await userEvent.click(getByTestId('link-vessel-profile'))
       |                    ^
     29|
     30|     await waitForVesselTrackReady(jotaiStore, getByTestId)
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[15/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselSearch.spec.tsx > Vessel search > preserves vessel search value when navigating away and back
AssertionError: expected undefined to be 'Gabu Reefer' // Object.is equality
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselSearch.spec.tsx/Vessel-search-preserves-vessel-search-value-when-navigating-away-and-back-1.png
- Expected:
"Gabu Reefer"
+ Received:
undefined
 ❯ test/integration/VesselSearch.spec.tsx:53:7
     51|     await expect
     52|       .poll(() => store.getState().location.query.query, { timeout: 50…
     53|       .toBe('Gabu Reefer')
       |       ^
     54|     await router.navigate({
     55|       to: ROUTE_PATHS.WORKSPACE,
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/VesselSearch.spec.tsx:51:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[16/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselSearch.spec.tsx > Vessel search > reacts to clearing the search input
VitestBrowserElementError: Cannot find element with locator: page.getByTestId('link-vessel-profile')
<body>
  
  

  <div
    id="__root__"
  >
    <a
      class="print-only"
      href="https://globalfishingwatch.org"
    >
      <svg
        aria-label="Global Fishing Watch "
        class="_container_13m0y_1"
        height="60"
        viewBox="20 0 220 60"
        width="200"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g
          aria-hidden="true"
          fill="none"
          fill-rule="evenodd"
          focusable="false"
        >
          <path
            d="M23.1 27.83c-.08.16-2.25 4.5.57 8.76.83 1.25 1.76 2.24 4.1 3.8 3.38 2.26 7.42 6.16 8.4 8.45.1.21.36.59-.06.83-.73.41-1.75.31-2.16.25l-.12-.02c-4.75-.88-14.5-5-13.8-13.8.18-2.21.98-4.87 3.07-8.27zm9.92-8.64c.7-.08 2.98-.15 3.08.08.07.17-.83.5-.87.52-5.22 1.98-6.97 3.16-7.22 3.3-3.3 2.01-4.71 4.35-4.82 4.57 1.48-3.1 5.2-7.93 9.83-8.47z"
            fill="#8ABBC7"
          />
          <path
            d="M40.45 19.2l.64 1.16a17.1 17.1 0 011.52 3.94c.27 1.1.39 2.23.31 3.37a9.39 9.39 0 01-1.72 4.84 12.9 12.9 0 01-3.29 3.2 20.3 20.3 0 01-7.02 3.08c-.4.09-.8.16-1.2.19a3.39 3.39 0 01-1.3-.17c-.43-.17-.5-.43-.28-.83a13.43 13.43 0 012.53-3.4 35.39 35.39 0 015.48-4.56c.76-.53 1.5-1.06 2.15-1.7a8.5 8.5 0 002.55-4.63 8.37 8.37 0 00-.24-3.89l-.18-.59.05-.02zm.64 16.43c.5.03.64.28.4.72-.35.64-.9 1.04-1.6 1.21-.68.16-1.35.13-2.02-.02-.42-.09-.83-.23-1.24-.35l-.11-.06.12-.08c1.02-.53 2.07-.97 3.19-1.26.4-.1.83-.18 1.26-.16zM30.73 10.07c.92.2 1.75.61 2.54 1.11.87.56 1.65 1.21 2.4 1.92a29.78 29.78 0 014.2 5.18l.01.07-.18-.16a14.79 14.79 0 00-3.6-2.45c-1.01-.5-2.06-.9-3.11-1.3-.58-.23-1.16-.44-1.7-.75a1.82 1.82 0 01-.75-.76c-.15-.32-.07-.6.23-.78l.35-.18c-.28-.14-.53-.24-.75-.38-.2-.13-.38-.29-.55-.45a.77.77 0 01-.21-.64c.02-.24.13-.38.35-.46.26-.08.52-.03.77.03z"
            fill="#E84427"
          />
          <text
            class="_mainBrand_13m0y_5 _default_13m0y_10"
            x="52"
            y="37"
          >
            Global Fishing Watch
          </text>
        </g>
      </svg>
    </a>
    <div
      class="_appLayout_d89r9_1"
    >
      <div
        class="_appLayoutContent_d89r9_8"
        id="app-layout-content"
      >
        <div
          class="_container_1gfa5_1 _isOpen_1gfa5_19 _splitContainer_d89r9_66"
        >
          <aside
            class="_aside_1gfa5_8 _aside_d89r9_77"
            style="width: 100%;"
          >
            <div
              class="_container_10gdv_1"
            >
              <div … />
              <ul … />
            </div>
          </aside>
          <main
            class="_main_1gfa5_23 _main_d89r9_16"
            data-testid="app-main"
            id="app-main"
            style="left: 100%;"
          >
            <div
              class="_mapContainer_d89r9_22"
            >
              <div … />
            </div>
            <footer
              class="print-hidden _footer_1k9s3_1"
            >
              <div … />
              <span … />
            </footer>
          </main>
        </div>
        <section
          aria-atomic="false"
          aria-label="Notifications Alt+T"
          aria-live="polite"
          aria-relevant="additions text"
          class="Toastify"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
      </div>
      <div
        class="_panel_15iap_1 _hidden_15iap_12"
        style="width: 540px; --panel-width: 540px;"
      >
        <div
          class="_panelResizer_15iap_29"
          role="button"
          tabindex="0"
        />
      </div>
    </div>
  </div>
  <div
    class="ReactModalPortal"
  />
</body>...
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselSearch.spec.tsx/Vessel-search-reacts-to-clearing-the-search-input-1.png
 ❯ test/integration/VesselSearch.spec.tsx:81:61
     79|     await userEvent.type(searchVesselInput, 'Gabu Reefer')
     80|
     81|     await expect.element(getByTestId('link-vessel-profile')).toBeVisib…
       |                                                             ^
     82|
     83|     await userEvent.clear(searchVesselInput)
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/VesselSearch.spec.tsx:81:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[17/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselViewer.spec.tsx > Vessel viewer > should render summary tab by type
TimeoutError: locator.click: Timeout 27528ms exceeded.
Call log:
  - waiting for locator('[data-vitest="true"]').contentFrame().getByTestId('__vitest_0__').getByTestId('vv-summary-tab')

Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselViewer.spec.tsx/Vessel-viewer-should-render-summary-tab-by-type-1.png
 ❯ test/integration/VesselViewer.spec.tsx:88:20
     86|
     87|     await GFWAPITest.waitForRequest('/events')
     88|     await userEvent.click(getByTestId('vv-summary-tab'))
       |                    ^
     89|     await expect.element(getByTestId('vv-list-port_visit')).toBeVisibl…
     90|   })
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[18/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselViewer.spec.tsx > Vessel viewer > should render summary tab by timeline
TimeoutError: locator.click: Timeout 29276ms exceeded.
Call log:
  - waiting for locator('[data-vitest="true"]').contentFrame().getByTestId('__vitest_0__').getByRole('button').filter({ hasText: 'Timeline by voyages' })

Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselViewer.spec.tsx/Vessel-viewer-should-render-summary-tab-by-timeline-1.png
 ❯ test/integration/VesselViewer.spec.tsx:100:20
     98|
     99|     await GFWAPITest.waitForRequest('/events')
    100|     await userEvent.click(getByRole('button').filter({ hasText: 'Timel…
       |                    ^
    101|     await expect.element(getByText(/\d+ Events? between .+ and .+/).fi…
    102|   })
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[19/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselViewer.spec.tsx > Vessel viewer > should render areas tab and its tabs
TimeoutError: locator.click: Timeout 29331ms exceeded.
Call log:
  - waiting for locator('[data-vitest="true"]').contentFrame().getByTestId('__vitest_0__').getByTestId('vv-areas-tab')

Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselViewer.spec.tsx/Vessel-viewer-should-render-areas-tab-and-its-tabs-1.png
 ❯ test/integration/VesselViewer.spec.tsx:109:20
    107|     const { getByTestId, router } = await render({ store, authenticate…
    108|     await router.navigate(navigateToVesselViewer())
    109|     await userEvent.click(getByTestId('vv-areas-tab'))
       |                    ^
    110|
    111|     await expect.element(getByTestId('vv-area-eez')).toBeVisible()
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[20/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselViewer.spec.tsx > Vessel viewer > should render related vessels tab
TimeoutError: locator.click: Timeout 29311ms exceeded.
Call log:
  - waiting for locator('[data-vitest="true"]').contentFrame().getByTestId('__vitest_0__').getByTestId('vv-related-tab')

Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselViewer.spec.tsx/Vessel-viewer-should-render-related-vessels-tab-1.png
 ❯ test/integration/VesselViewer.spec.tsx:125:20
    123|     })
    124|     await router.navigate(navigateToVesselViewer())
    125|     await userEvent.click(getByTestId('vv-related-tab'))
       |                    ^
    126|
    127|     await expect
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[21/26]⎯
 FAIL   fishing-map-chromium  test/integration/VesselViewer.spec.tsx > Vessel viewer > should render insights tab
TimeoutError: locator.click: Timeout 29349ms exceeded.
Call log:
  - waiting for locator('[data-vitest="true"]').contentFrame().getByTestId('__vitest_0__').getByTestId('vv-insights-tab')

Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/VesselViewer.spec.tsx/Vessel-viewer-should-render-insights-tab-1.png
 ❯ test/integration/VesselViewer.spec.tsx:140:20
    138|     const { getByTestId, getByText, router } = await render({ store, a…
    139|     await router.navigate(navigateToVesselViewer())
    140|     await userEvent.click(getByTestId('vv-insights-tab'))
       |                    ^
    141|
    142|     await expect
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[22/26]⎯
 FAIL   fishing-map-chromium  test/integration/Vessels.spec.tsx > Vessel map popup > should open vessel popup on vessel click and show tile related info
VitestBrowserElementError: Cannot find element with locator: page.getByTestId('map-popup-wrapper').getByText('Gabu Reefer')
<body>
  
  

  <div
    id="__root__"
  >
    <a
      class="print-only"
      href="https://globalfishingwatch.org"
    >
      <svg
        aria-label="Global Fishing Watch "
        class="_container_13m0y_1"
        height="60"
        viewBox="20 0 220 60"
        width="200"
        xmlns="http://www.w3.org/2000/svg"
      >
        <g
          aria-hidden="true"
          fill="none"
          fill-rule="evenodd"
          focusable="false"
        >
          <path
            d="M23.1 27.83c-.08.16-2.25 4.5.57 8.76.83 1.25 1.76 2.24 4.1 3.8 3.38 2.26 7.42 6.16 8.4 8.45.1.21.36.59-.06.83-.73.41-1.75.31-2.16.25l-.12-.02c-4.75-.88-14.5-5-13.8-13.8.18-2.21.98-4.87 3.07-8.27zm9.92-8.64c.7-.08 2.98-.15 3.08.08.07.17-.83.5-.87.52-5.22 1.98-6.97 3.16-7.22 3.3-3.3 2.01-4.71 4.35-4.82 4.57 1.48-3.1 5.2-7.93 9.83-8.47z"
            fill="#8ABBC7"
          />
          <path
            d="M40.45 19.2l.64 1.16a17.1 17.1 0 011.52 3.94c.27 1.1.39 2.23.31 3.37a9.39 9.39 0 01-1.72 4.84 12.9 12.9 0 01-3.29 3.2 20.3 20.3 0 01-7.02 3.08c-.4.09-.8.16-1.2.19a3.39 3.39 0 01-1.3-.17c-.43-.17-.5-.43-.28-.83a13.43 13.43 0 012.53-3.4 35.39 35.39 0 015.48-4.56c.76-.53 1.5-1.06 2.15-1.7a8.5 8.5 0 002.55-4.63 8.37 8.37 0 00-.24-3.89l-.18-.59.05-.02zm.64 16.43c.5.03.64.28.4.72-.35.64-.9 1.04-1.6 1.21-.68.16-1.35.13-2.02-.02-.42-.09-.83-.23-1.24-.35l-.11-.06.12-.08c1.02-.53 2.07-.97 3.19-1.26.4-.1.83-.18 1.26-.16zM30.73 10.07c.92.2 1.75.61 2.54 1.11.87.56 1.65 1.21 2.4 1.92a29.78 29.78 0 014.2 5.18l.01.07-.18-.16a14.79 14.79 0 00-3.6-2.45c-1.01-.5-2.06-.9-3.11-1.3-.58-.23-1.16-.44-1.7-.75a1.82 1.82 0 01-.75-.76c-.15-.32-.07-.6.23-.78l.35-.18c-.28-.14-.53-.24-.75-.38-.2-.13-.38-.29-.55-.45a.77.77 0 01-.21-.64c.02-.24.13-.38.35-.46.26-.08.52-.03.77.03z"
            fill="#E84427"
          />
          <text
            class="_mainBrand_13m0y_5 _default_13m0y_10"
            x="52"
            y="37"
          >
            Global Fishing Watch
          </text>
        </g>
      </svg>
    </a>
    <div
      class="_appLayout_d89r9_1"
    >
      <div
        class="_appLayoutContent_d89r9_8"
        id="app-layout-content"
      >
        <div
          class="_container_1gfa5_1 _isOpen_1gfa5_19 _splitContainer_d89r9_66"
        >
          <aside
            class="_aside_1gfa5_8 _aside_d89r9_77"
            style="width: 40rem;"
          >
            <button
              aria-label="Toggle sidebar"
              class="print-hidden _toggleBtn_1gfa5_48"
            >
              <svg … />
            </button>
            <div
              class="_container_10gdv_1"
            >
              <div … />
              <ul … />
            </div>
          </aside>
          <main
            class="_main_1gfa5_23 _main_d89r9_16"
            data-testid="app-main"
            id="app-main"
            style="left: 40rem;"
          >
            <div
              class="_mapContainer_d89r9_22 _withTimebar_d89r9_33"
            >
              <div … />
            </div>
            <div
              class="_timebarWrapper_1pma8_1"
              data-testid="timebar-wrapper"
              role="toolbar"
            >
              <div … />
              <div … />
            </div>
            <footer
              class="print-hidden _footer_1k9s3_1"
            >
              <div … />
              <span … />
            </footer>
          </main>
        </div>
        <section
          aria-atomic="false"
          aria-label="Notifications Alt+T"
          aria-live="polite"
          aria-relevant="additions text"
          class="Toastify"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
        <div
          class="ReactModalPortal"
        />
      </div>
      <div
        class="_panel_15iap_1 _hidden_15iap_12"
        style="width: 540px; --panel-width: 540px;"
      >
        <div
          class="_panelResizer_15iap_29"
          role="button"
          tabindex="0"
        />
      </div>
    </div>
  </div>
  <div
    class="ReactModalPortal"
  />
</body>...
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Vessels.spec.tsx/Vessel-map-popup-should-open-vessel-popup-on-vessel-click-and-show-tile-related-info-1.png
 ❯ test/integration/Vessels.spec.tsx:50:60
     48|     await userEvent.click(mapElement, { position: { x, y } })
     49|
     50|     await expect.element(mapPopup.getByText('Gabu Reefer')).toBeVisibl…
       |                                                            ^
     51|     await expect.element(mapPopup.getByText(/Speed: [\d.]+ knots/)).to…
     52|     await expect.element(mapPopup.getByText(/Depth: -?[\d.]+ meters/))…
Caused by: Error: Matcher did not succeed in time.
 ❯ test/integration/Vessels.spec.tsx:50:4
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[23/26]⎯
 FAIL   fishing-map-chromium  test/integration/Vessels.spec.tsx > Vessel map popup > should display the vessel track on the timebar
Error: Test timed out in 30000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
 ❯ test/integration/Vessels.spec.tsx:120:2
    118|   })
    119|
    120|   it('should display the vessel track on the timebar', async () => {
       |  ^
    121|     const GFWAPITest = new GFWAPITestUtils()
    122|     const store = makeStore(defaultState, [])
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[24/26]⎯
 FAIL   fishing-map-chromium  test/integration/Vessels.spec.tsx > Vessel map popup > should be able to see vessel info on hover and pin a vessel to the map to see it on the sidebar
AssertionError: expected undefined to strictly equal { dataviewInstances: [ …(4) ], …(5) }
- Expected:
{
  "bivariateDataviews": null,
  "dataviewInstances": [
    {
      "config": {
        "color": "#F95E5E",
        "colorCyclingType": undefined,
        "events": [
          "public-global-fishing-events:v4.0",
          "public-global-port-visits-events:v4.0",
          "public-global-encounters-events:v4.0",
          "public-global-loitering-events:v4.0",
          "public-global-gaps-events:v4.0",
        ],
        "info": "public-global-vessel-identity:v4.0",
        "relatedVesselIds": [
          "19630081d-d249-9b1d-2b6d-46113987f976",
          "9126f54fd-d5b3-2c09-0552-abcceccd10ff",
        ],
        "track": "public-global-all-tracks:v4.0",
      },
      "dataviewId": "fishing-map-vessel-track-v-4",
      "deleted": false,
      "id": "vessel-9375434a0-0b91-7247-5a95-57a10d2b08df:v4.0",
    },
    {
      "config": {
        "visible": true,
      },
      "id": "presence",
    },
    {
      "config": {
        "visible": false,
      },
      "id": "vms",
    },
    {
      "config": {
        "visible": false,
      },
      "id": "ais",
    },
  ],
  "latitude": 19,
  "longitude": 26,
  "timebarVisualisation": "vessel",
  "zoom": 1.49,
}
+ Received:
undefined
 ❯ test/integration/Vessels.spec.tsx:180:29
    178|     const pinAction = actions.findLast((action) => action.type === 'HO…
    179|
    180|     expect(pinAction?.query).toStrictEqual({
       |                             ^
    181|       dataviewInstances: [
    182|         {
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[25/26]⎯
 FAIL   fishing-map-chromium  test/integration/Vessels.spec.tsx > Vessel map popup > should be able to interact with vessels after filtering by flag
Error: Test timed out in 30000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
Failure screenshot:
  - apps/fishing-map/test/integration/__screenshots__/Vessels.spec.tsx/Vessel-map-popup-should-be-able-to-interact-with-vessels-after-filtering-by-flag-1.png
 ❯ test/integration/Vessels.spec.tsx:326:2
    324|   })
    325|
    326|   it('should be able to interact with vessels after filtering by flag'…
       |  ^
    327|     const store = makeStore(defaultState, [])
    328|     const jotaiStore = createJotaiStore()
⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[26/26]⎯
 Test Files  9 failed | 9 passed | 1 skipped (19)
      Tests  26 failed | 58 passed | 9 skipped (93)
   Start at  19:37:40
   Duration  1214.35s (transform 0ms, setup 1.30s, import 54.65s, tests 1087.20s, environment 0ms)

---

Summary: 0 passed, 1 failed