test: wait for the structure dialog to be visible and hidden

test-e2e/panels/structures.test.ts

@@ -15,6 +15,9 @@ test('should draw structure and display it with MF', async ({ page }) => {
   await test.step('Add ring molecule', async () => {
     // Click on the "Add Molecule" button.
     await nmrium.clickToolByTitle('Add molecule');
+    await nmrium.page
+      .locator('div[role="dialog"]')
+      .waitFor({ state: 'visible' });
 
     // Select the "ring" tool.
     await nmrium.page.click('canvas >> nth=0', {
@@ -57,6 +60,9 @@ test('should draw structure and display it with MF', async ({ page }) => {
   await test.step('Add a second molecule and check the visibility', async () => {
     // Click on the "Add Molecule" button.
     await nmrium.clickToolByTitle('Add molecule');
+    await nmrium.page
+      .locator('div[role="dialog"]')
+      .waitFor({ state: 'visible' });
 
     // Select the "aromatic ring" tool.
     await nmrium.page.click('canvas >> nth=0', {
@@ -74,6 +80,9 @@ test('should draw structure and display it with MF', async ({ page }) => {
     });
     // Save the molecule.
     await nmrium.page.click('button >> text=Save');
+    await nmrium.page
+      .locator('div[role="dialog"]')
+      .waitFor({ state: 'hidden' });
 
     // Check the visibility.
 
@@ -143,6 +152,9 @@ test('molecules 1H spectrum', async ({ page, browserName }) => {
   await test.step('Add ring molecule and check the visibility', async () => {
     // Click on the "Add Molecule" button.
     await nmrium.clickToolByTitle('Add molecule');
+    await nmrium.page
+      .locator('div[role="dialog"]')
+      .waitFor({ state: 'visible' });
 
     // Select the "ring" tool.
     await nmrium.page.click('canvas >> nth=0', {
@@ -160,6 +172,9 @@ test('molecules 1H spectrum', async ({ page, browserName }) => {
     });
     // Save the molecule.
     await nmrium.page.click('button >> text=Save');
+    await nmrium.page
+      .locator('div[role="dialog"]')
+      .waitFor({ state: 'hidden' });
 
     // Check the visibility.
 
@@ -183,7 +198,9 @@ test('molecules 1H spectrum', async ({ page, browserName }) => {
   await test.step('Add a third molecule and check the visibility', async () => {
     // Click on the "Add Molecule" button.
     await nmrium.clickToolByTitle('Add molecule');
-
+    await nmrium.page
+      .locator('div[role="dialog"]')
+      .waitFor({ state: 'visible' });
     // Select the "aromatic ring" tool.
     await nmrium.page.click('canvas >> nth=0', {
       position: {
@@ -200,6 +217,9 @@ test('molecules 1H spectrum', async ({ page, browserName }) => {
     });
     // Save the molecule.
     await nmrium.page.click('button >> text=Save');
+    await nmrium.page
+      .locator('div[role="dialog"]')
+      .waitFor({ state: 'hidden' });
 
     // Check the visibility.