chore: mac render tests

modules/test-utils/src/snapshot-test-runner.ts

@@ -33,6 +33,7 @@ type ImageDiffOptions = {
   tolerance?: number; // 0.1,
   includeAA?: boolean; // false,
   includeEmpty?: boolean; // true
+  platform?: string;
 };
 
 type DiffImageResult = {
@@ -140,8 +141,20 @@ export class SnapshotTestRunner extends TestRunner<
     };
     // Take screenshot and compare
     const result = await window.browserTestDriver_captureAndDiffScreen(diffOptions);
+
+    // If failed, try if we have a platform specific golden image
+    let resultOverride;
+    const platform = this.testOptions.imageDiffOptions?.platform?.toLowerCase();
+    if (!result.success) {
+      diffOptions.goldenImage = diffOptions.goldenImage.replace(
+        'golden-images/',
+        `golden-images/platform-overrides/${platform}/`
+      );
+      resultOverride = await window.browserTestDriver_captureAndDiffScreen(diffOptions);
+    }
+
     // invoke user callback
-    if (result.success) {
+    if (result.success || resultOverride.success) {
       this.pass(result);
     } else {
       this.fail(result);

test/render/index.js

@@ -19,7 +19,7 @@
 // THE SOFTWARE.
 import test from 'tape';
 import TEST_CASES from './test-cases';
-import {WIDTH, HEIGHT} from './constants';
+import {WIDTH, HEIGHT, OS} from './constants';
 import {SnapshotTestRunner} from '@deck.gl/test-utils';
 
 import './jupyter-widget';
@@ -40,6 +40,7 @@ test('Render Test', t => {
       timeout: 10000,
 
       imageDiffOptions: {
+        platform: OS,
         threshold: 0.99,
         includeEmpty: false
         // uncomment to save screenshot to disk