Only serve one non-empty tile in Cypress tests

cypress/e2e/1-basic/fixed.cy.js

@@ -5,8 +5,12 @@ describe('Fixed-location view', () => {
     cy.visit('http://localhost:8080/soundscape-web-client/#/fixed/38.897600/-77.006156')
     cy.mockSpeechSynthesis();
 
-    // Return static tile data for all network calls
+    // Return empty data for all but one tile
     cy.intercept('GET', /\/tiles\/.*/, {
+      body: {},
+    }).as('other-tiles');
+
+    cy.intercept('GET', '/tiles/16/18749/25070.json', {
       fixture: 'tiles_16_18749_25070.json'
     }).as('tile');
   })

cypress/e2e/1-basic/gpx.cy.js

@@ -5,8 +5,12 @@ describe('GPX view', () => {
     cy.visit('http://localhost:8080/soundscape-web-client/#/gpx')
     cy.mockSpeechSynthesis();
 
-    // Return static tile data for all network calls
+    // Return empty data for all but one tile
     cy.intercept('GET', /\/tiles\/.*/, {
+      body: {},
+    }).as('other-tiles');
+
+    cy.intercept('GET', '/tiles/16/18109/23965.json', {
       fixture: 'tiles_16_18109_23965.json'
     }).as('tile');
   })
@@ -62,7 +66,7 @@ describe('GPX view', () => {
     const expectedTileUrl = '/tiles/16/18108/23964.json';
 
     cy.get('#playPauseButton').click()
-    cy.wait('@tile').its('request.url').should('include', expectedTileUrl);
+    cy.wait('@other-tiles').its('request.url').should('include', expectedTileUrl);
   })
 
   it('starts speaking', () => {

src/components/WelcomeScreen.vue

@@ -15,7 +15,7 @@ import { initializeBeaconAudio } from '../state/beacon_audio';
 import { useDeviceOrientation } from "../composables/compass";
 import { myLocation } from '../state/location';
 import { initializeAudioQueue, playSpatialSpeech } from '../state/audio';
-import { loadTilesOnLocationCHange } from '../composables/tile';
+import { loadTilesOnLocationChange } from '../composables/tile';
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 
@@ -43,7 +43,7 @@ const removewall = () => {
   initializeBeaconAudio();
 
   // Automatically fetch tiles when location changes
-  loadTilesOnLocationCHange();
+  loadTilesOnLocationChange();
 
   // Report to parent that we're ready
   isVisible.value = false;

src/composables/feature.test.ts

@@ -17,7 +17,7 @@ describe('nearbyFeatures', () => {
 
   before(async () => {
     // Washington Union Station
-    let lat = 38.897600, lon = -77.006156 
+    let lat = 38.897600, lon = -77.006156;
     await new Tile({ x: 18749, y: 25070, z: 16 }).import(tileData.features);
     myLocation.setLocation(lat, lon);
     nearby = await nearbyFeatures(lat, lon, radiusMeters);

src/composables/tile.ts

@@ -165,7 +165,7 @@ export function enumerateTilesAround(
     .map(coords => new Tile(coords));
 }
 
-export function loadTilesOnLocationCHange() {
+export function loadTilesOnLocationChange() {
   // Fetch nearby tiles when location changes
   watch(myLocation, (newValue, oldValue) => {
     if (newValue.latitude && newValue.longitude) {