fix: Adjust Firefox height

src/browsers/browser-creator.ts

@@ -5,6 +5,7 @@ import merge from 'lodash/merge';
 
 import { BrowserError } from '../exceptions';
 import { Capabilities } from './capabilities';
+import { addFirefoxOffset } from './utils';
 
 export interface WebDriverOptions {
   width: number;
@@ -52,8 +53,14 @@ export default abstract class BrowserCreator {
     await browser.setTimeout({ implicit: options.implicitTimeout, script: options.scriptTimeout });
 
     if (!browser.isMobile) {
+      let adjustedSizeOptions = options;
+
       await browser.$('body').then(body => body.moveTo({ xOffset: 0, yOffset: 0 }));
-      await browser.setWindowSize(options.width, options.height);
+
+      if (browser.isFirefox) {
+        adjustedSizeOptions = addFirefoxOffset(options);
+      }
+      await browser.setWindowSize(adjustedSizeOptions.width, adjustedSizeOptions.height);
     }
 
     return browser;

src/browsers/utils.ts

@@ -0,0 +1,14 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { WebDriverOptions } from './browser-creator';
+
+// added after release of Firefox 129 to mitigate viewport shrinking
+export const FIREFOX_VIEWPORT_OFFSET = 134;
+
+export const addFirefoxOffset = (options: WebDriverOptions): WebDriverOptions => {
+  const updatedHeight = options.height + FIREFOX_VIEWPORT_OFFSET;
+  return {
+    ...options,
+    height: updatedHeight,
+  };
+};

src/page-objects/base.ts

@@ -14,6 +14,7 @@ import {
 import EventsSpy from './events-spy';
 import * as liveAnnouncements from '../browser-scripts/live-announcements';
 import { getElementCenter } from './utils';
+import { FIREFOX_VIEWPORT_OFFSET } from '../browsers/utils';
 
 import { ElementRect } from './types';
 import { waitForTimerAndAnimationFrame } from './browser-scripts';
@@ -30,7 +31,8 @@ export default class BasePageObject {
   }
 
   async setWindowSize({ width, height }: { width: number; height: number }) {
-    await this.browser.setWindowSize(width, height);
+    const adjustedHeight = this.browser.isFirefox ? height + FIREFOX_VIEWPORT_OFFSET : height;
+    await this.browser.setWindowSize(width, adjustedHeight);
   }
 
   async spyOnEvents(selector: string, events: string[]) {