core.test.ts

import { expect, test } from '@playwright/test';

import NmriumWrapperPage from './NmriumWrapperPage.js';

async function testLoadStructure(nmrium: NmriumWrapperPage) {
  // Open the "Chemical structures" panel.
  await nmrium.page.click('div >> text=Chemical structures');

  // The molecule SVG rendering should now be visible in the panel.
  await expect(
    nmrium.page.locator('.mol-svg-container #molSVG0'),
  ).toHaveAttribute('xmlns', 'http://www.w3.org/2000/svg');

  // The molecular formula should now be visible in the panel.
  await expect(
    nmrium.page.locator('text=C15H14NO2Br - 320.19 >> nth=0'),
  ).toBeVisible();
}

test('should load NMRium from external Urls', async ({ page }) => {
  const nmrium = await NmriumWrapperPage.create(page);
  expect(await nmrium.page.title()).toBe('NMRium Wrapper');

  await nmrium.page.click('text=Test Load from URLS');

  await page.locator('text=Loading').waitFor({ state: 'hidden' });

  // if loaded successfully, there should be a 1H and 13C tabs
  await test.step('spectra should be loaded', async () => {
    await expect(
      nmrium.page.locator('.tab-list-item >> text=1H'),
    ).toBeVisible();
    await expect(
      nmrium.page.locator('.tab-list-item >> text=13C'),
    ).toBeVisible();
  });

  // await test.step('Molecule structure should be loaded', async () => {
  //   await testLoadStructure(nmrium);
  // });
});
test('should load NMRium from Files', async ({ page }) => {
  const nmrium = await NmriumWrapperPage.create(page);

  await nmrium.page.click('text=Test Load Files');

  // if loaded successfully, there should be a 1H and 13C tabs
  await test.step('spectra should be loaded', async () => {
    await expect(
      page.locator('.tab-list-item').getByText('13C', { exact: true }),
    ).toBeVisible();
    await expect(
      page.locator('.tab-list-item').getByText('1H,1H', { exact: true }),
    ).toBeVisible();
    await expect(
      page.locator('.tab-list-item').getByText('1H,13C', { exact: true }),
    ).toBeVisible();
  });

  await test.step('Molecule structure should be loaded', async () => {
    await testLoadStructure(nmrium);
  });
});

test('should load NMRium from json', async ({ page }) => {
  const nmrium = await NmriumWrapperPage.create(page);

  await nmrium.page.click('text=Test load from json');

  // if loaded successfully, there should be a 1H and 13C tabs
  await expect(nmrium.page.locator('.tab-list-item >> text=13C')).toBeVisible();
});
test('should load NMRium from URL without .zip extension in the path', async ({
  page,
}) => {
  const nmrium = await NmriumWrapperPage.create(page);

  await nmrium.page.click('text=Test Load URL without extension');

  // if loaded successfully, there should be a 1H
  await expect(nmrium.page.locator('.tab-list-item >> text=1H')).toBeVisible();
});



test("Should trigger error action and load the other one that parses successfully", async ({
  page,
}) => {
  const nmrium = await NmriumWrapperPage.create(page);



  const hasError = await nmrium.page.evaluate(() => {
    const button = document.querySelector(".logger-btn") as HTMLButtonElement;
    // Add a listener for the 'message' event 
    return new Promise((resolve) => {
      window.addEventListener('message', (event) => {
        if (event.data.type === "nmr-wrapper:error") {
          resolve(true)
        }
      })
      button.click();

    }
    );

  });

  // the error event is triggered
  expect(hasError).toBeTruthy();

  // load a 1H spectrum successfully
  await expect(nmrium.page.locator('.tab-list-item >> text=1H')).toBeVisible();
  // load a 13C spectrum successfully
  await expect(nmrium.page.locator('.tab-list-item >> text=13C')).toBeVisible();

});