Cypress test with mapbox

gistfile1.txt

export const findStreetCoordinates = () => {
  cy.window().then((win) => {
    const map = win.mapRef
    if (!map) return []

    // Get features for road names
    const features = map.queryRenderedFeatures(undefined, {
      layers: ['road-label-small', 'road-label-medium', 'road-label-large']
    })

    // Obtain coordinate information from visible roads
    const streetCoordinates: ScreenCoordinates[] = features.map(
      (feature: any) => {
        const geometry = feature.geometry
        if (geometry.coordinates[0].length === 2) {
          const coordinates = map.project(geometry.coordinates[0])
          return coordinates
        }
      }
    )

    const filteredCoordinates: ScreenCoordinates[] = streetCoordinates.filter(
      (coordinates: ScreenCoordinates) => {
        // Ensuring that our clicks are constrained within the screen
        return (
          coordinates &&
          coordinates.x >= 0 &&
          coordinates.x < 1880 &&
          coordinates.y >= 0 &&
          coordinates.y < 1040
        )
      }
    )

    return filteredCoordinates
  })
}