FI-1434 feat: add action waitForStartOfPageLoad

autotests/packs/allTests.ts

@@ -67,7 +67,7 @@ export const pack: Pack = {
   maxRetriesCountInDocker: 3,
   overriddenConfigFields: null,
   packTimeout: packTimeoutInMinutes * msInMinute,
-  pageRequestTimeout: 30_000,
+  pageRequestTimeout: 7_000,
   pageStabilizationInterval: 500,
   pathToScreenshotsDirectoryForReport: './screenshots',
   port1: 1337,

src/Page.ts

@@ -1,5 +1,7 @@
 // eslint-disable-next-line import/no-internal-modules
 import {navigateToUrl} from './actions/navigateToUrl';
+// eslint-disable-next-line import/no-internal-modules
+import {waitForStartOfPageLoad} from './actions/waitFor/waitForStartOfPageLoad';
 import {CREATE_PAGE_TOKEN} from './constants/internal';
 import {assertValueIsTrue} from './utils/asserts';
 import {getFullPackConfig} from './utils/config';
@@ -118,8 +120,12 @@ export abstract class Page<PageParams = undefined> {
   /**
    * Reloads the page.
    */
-  reloadPage(): Promise<void> {
-    return reloadDocument();
+  async reloadPage(): Promise<void> {
+    const startOfPageLoad = waitForStartOfPageLoad();
+
+    await reloadDocument();
+
+    await startOfPageLoad;
   }
 
   /**

src/actions/index.ts

@@ -49,5 +49,6 @@ export {
   waitForRequestToRoute,
   waitForResponse,
   waitForResponseToRoute,
+  waitForStartOfPageLoad,
   waitForTimeout,
 } from './waitFor';

src/actions/waitFor/index.ts

@@ -4,4 +4,5 @@ export {waitForRequest} from './waitForRequest';
 export {waitForRequestToRoute} from './waitForRequestToRoute';
 export {waitForResponse} from './waitForResponse';
 export {waitForResponseToRoute} from './waitForResponseToRoute';
+export {waitForStartOfPageLoad} from './waitForStartOfPageLoad';
 export {waitForTimeout} from './waitForTimeout';

src/actions/waitFor/waitForStartOfPageLoad.ts

@@ -0,0 +1,30 @@
+import {getPlaywrightPage} from '../../useContext';
+import {assertValueIsDefined} from '../../utils/asserts';
+import {getFullPackConfig} from '../../utils/config';
+
+type Options = Readonly<{
+  timeout?: number;
+}>;
+
+/**
+ * Waits for start of page load (when change the url or reload page).
+ */
+export const waitForStartOfPageLoad = async (options?: Options): Promise<URL> => {
+  const page = getPlaywrightPage();
+  const timeout = options?.timeout ?? getFullPackConfig().pageRequestTimeout;
+
+  let urlObject: URL | undefined;
+
+  await page.waitForURL(
+    (url) => {
+      urlObject = url;
+
+      return true;
+    },
+    {timeout},
+  );
+
+  assertValueIsDefined(urlObject, 'urlObject is defined', {timeout});
+
+  return urlObject;
+};