diff --git a/test/examples/3d-buildings.html b/test/examples/3d-buildings.html
index 829a243601..0c96ab2297 100644
--- a/test/examples/3d-buildings.html
+++ b/test/examples/3d-buildings.html
@@ -23,7 +23,7 @@
       pitch: 45,
       bearing: -17.6,
       container: 'map',
-      antialias: true
+      canvasContextAttributes: {antialias: true}
   });
   
   // The 'building' layer in the streets vector source contains building-height
diff --git a/test/examples/3d-extrusion-floorplan.html b/test/examples/3d-extrusion-floorplan.html
index a1d3e37968..3d16e3e89a 100644
--- a/test/examples/3d-extrusion-floorplan.html
+++ b/test/examples/3d-extrusion-floorplan.html
@@ -51,7 +51,7 @@
         zoom: 15.99,
         pitch: 40,
         bearing: 20,
-        antialias: true
+        canvasContextAttributes: {antialias: true}
     });
 
     map.on('load', () => {
diff --git a/test/examples/add-3d-model-babylon.html b/test/examples/add-3d-model-babylon.html
index 8f706cc286..c70733169d 100644
--- a/test/examples/add-3d-model-babylon.html
+++ b/test/examples/add-3d-model-babylon.html
@@ -25,7 +25,7 @@
         zoom: 18,
         center: [148.9819, -35.3981],
         pitch: 60,
-        antialias: true // create the gl context with MSAA antialiasing, so custom layers are antialiased
+        canvasContextAttributes: {antialias: true} // create the gl context with MSAA antialiasing, so custom layers are antialiased
     }));
 
     // World matrix parameters
diff --git a/test/examples/add-3d-model-threejs-with-shadow.html b/test/examples/add-3d-model-threejs-with-shadow.html
index eb9f678da6..47187060bd 100644
--- a/test/examples/add-3d-model-threejs-with-shadow.html
+++ b/test/examples/add-3d-model-threejs-with-shadow.html
@@ -45,7 +45,7 @@
             zoom: 18,
             center: [148.9819, -35.3981],
             pitch: 60,
-            antialias: true
+            canvasContextAttributes: {antialias: true}
         });
 
         const modelOrigin = [148.9819, -35.39847];
diff --git a/test/examples/add-3d-model-with-terrain.html b/test/examples/add-3d-model-with-terrain.html
index bd1c4d7bd1..9399ab268e 100644
--- a/test/examples/add-3d-model-with-terrain.html
+++ b/test/examples/add-3d-model-with-terrain.html
@@ -51,7 +51,7 @@
                 zoom: 16.27,
                 pitch: 60,
                 bearing: -28.5,
-                antialias: true,
+                canvasContextAttributes: {antialias: true},
                 style: {
                     version: 8,
                     layers: [
diff --git a/test/examples/add-3d-model.html b/test/examples/add-3d-model.html
index 0dc3662817..d60c75d19d 100644
--- a/test/examples/add-3d-model.html
+++ b/test/examples/add-3d-model.html
@@ -34,7 +34,7 @@
         zoom: 18,
         center: [148.9819, -35.3981],
         pitch: 60,
-        antialias: true // create the gl context with MSAA antialiasing, so custom layers are antialiased
+        canvasContextAttributes: {antialias: true} // create the gl context with MSAA antialiasing, so custom layers are antialiased
     });
 
     // parameters to ensure the model is georeferenced correctly on the map
diff --git a/test/examples/center-point.html b/test/examples/center-point.html
index 37c5258d03..9b734223b9 100644
--- a/test/examples/center-point.html
+++ b/test/examples/center-point.html
@@ -62,7 +62,7 @@
       pitch: 85,
       bearing: -17.6,
       container: 'map',
-      antialias: true,
+      canvasContextAttributes: {antialias: true},
       centerClampedToGround: false,
       elevation: 541,
       maxPitch: 105
diff --git a/test/examples/custom-style-layer.html b/test/examples/custom-style-layer.html
index 64122362d3..1fa6999a65 100644
--- a/test/examples/custom-style-layer.html
+++ b/test/examples/custom-style-layer.html
@@ -20,7 +20,7 @@
         zoom: 3,
         center: [7.5, 58],
         style: 'https://demotiles.maplibre.org/style.json',
-        antialias: true // create the gl context with MSAA antialiasing, so custom layers are antialiased
+        canvasContextAttributes: {antialias: true} // create the gl context with MSAA antialiasing, so custom layers are antialiased
     });
 
     // create a custom style layer to implement the WebGL content
diff --git a/test/examples/geocoder.html b/test/examples/geocoder.html
index 26f7d63c46..85b84fea1b 100644
--- a/test/examples/geocoder.html
+++ b/test/examples/geocoder.html
@@ -58,7 +58,7 @@
         zoom: 15.99,
         pitch: 40,
         bearing: 20,
-        antialias: true
+        canvasContextAttributes: {antialias: true}
     });
 
     const geocoderApi = {
diff --git a/test/examples/globe-3d-model.html b/test/examples/globe-3d-model.html
index ef4b9b7c8f..60ddf53a9a 100644
--- a/test/examples/globe-3d-model.html
+++ b/test/examples/globe-3d-model.html
@@ -63,7 +63,7 @@
             center: [150.16546137527212, -35.017179237129994],
             maxPitch: 80,
             pitch: 70,
-            antialias: true, // create the gl context with MSAA antialiasing, so custom layers are antialiased
+            canvasContextAttributes: {antialias: true} // create the gl context with MSAA antialiasing, so custom layers are antialiased
         });
 
         map.on('style.load', () => {
diff --git a/test/examples/globe-custom-simple.html b/test/examples/globe-custom-simple.html
index 5d8e8a1b61..9c3b7712a8 100644
--- a/test/examples/globe-custom-simple.html
+++ b/test/examples/globe-custom-simple.html
@@ -38,7 +38,7 @@
         style: 'https://demotiles.maplibre.org/style.json',
         zoom: 3,
         center: [7.5, 58],
-        antialias: true,
+        canvasContextAttributes: {antialias: true}
     });
 
     map.on('style.load', () => {
diff --git a/test/examples/globe-custom-tiles.html b/test/examples/globe-custom-tiles.html
index b3e4702a81..e1f08c4ddc 100644
--- a/test/examples/globe-custom-tiles.html
+++ b/test/examples/globe-custom-tiles.html
@@ -78,8 +78,7 @@
         container: 'map',
         style: 'https://demotiles.maplibre.org/style.json',
         zoom: 2,
-        center: [7.5, 58],
-        antialias: false,
+        center: [7.5, 58]
     });
 
     map.on('style.load', () => {