nocodb/tests/playwright/pages/Dashboard/Map/index.ts

import { DashboardPage } from '..';
import BasePage from '../../Base';
import { ToolbarPage } from '../common/Toolbar';

export class MapPage extends BasePage {
  readonly dashboard: DashboardPage;
  readonly toolbar: ToolbarPage;

  constructor(dashboard: DashboardPage) {
    super(dashboard.rootPage);
    this.dashboard = dashboard;
    this.toolbar = new ToolbarPage(this);
  }

  get() {
    return this.dashboard.get().locator('[data-testid="nc-map-wrapper"]');
  }

  marker(lat: string, long: string) {
    const latLongStr = `${lat}, ${long}`;
    return this.get().locator(`.leaflet-marker-pane img[alt="${latLongStr}"]`);
  }

  async zoomOut(times: number) {
    const zoomOutButton = await this.get().locator('.leaflet-control-zoom-out');
    // await this.rootPage.pause();
    // await zoomOutButton.click();
    for (let i = 0; i < times; i++) {
      // await this.rootPage.pause();
      await zoomOutButton.click();
      await this.rootPage.waitForTimeout(400);
      // await this.rootPage.pause();
    }

    // const promises = [];
    // for (let i = 0; i < times; i++) {
    //   promises.push(zoomOutButton.click());
    //   // await page.waitForTimeout(2000);
    // }
    // await Promise.all(promises);

    // await this.rootPage.pause();
  }

  // async openExpandedRow({ index }: { index: number }) {
  //   await this.card(index).click();
  //   await (await this.rootPage.locator('.ant-drawer-body').elementHandle())?.waitForElementState('stable');
  // }

  // todo: Wait for render to complete
  async waitLoading() {
    await this.rootPage.waitForTimeout(1000);
  }
}