Add test for exploded view (#584)

* Add test exploded jcad file

* try adding test for exploded view

* No need for a new jcad file

* Update Playwright Snapshots

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: arjxn-py

ui-tests/tests/ui.spec.ts

@@ -273,6 +273,34 @@ test.describe('UI Test', () => {
         });
       }
     });
+
+    test(`Test exploded view`, async ({ page }) => {
+      await page.goto();
+
+      const fileName = 'test.jcad';
+      const fullPath = `examples/${fileName}`;
+      await page.notebook.openByPath(fullPath);
+      await page.notebook.activate(fullPath);
+      await page.locator('div.jpcad-Spinner').waitFor({ state: 'hidden' });
+      await page.sidebar.close('right');
+      // Apply Exploded view
+      await page.getByTitle('Exploded View').click();
+      await page.getByLabel('Enabled').click();
+      await page.getByLabel('Factor').click();
+      await page.getByLabel('Factor').fill('3.5');
+      await page
+        .locator('div.jp-Dialog-buttonLabel', {
+          hasText: 'Submit'
+        })
+        .click();
+
+      let main = await page.$('#jp-main-split-panel');
+      if (main) {
+        expect(await main.screenshot()).toMatchSnapshot({
+          name: `Exploded-${fileName}.png`
+        });
+      }
+    });
   });
 
   test.describe('JCAD creation test', () => {