Resolved PR comments

Added tests
Moved onSubmt and initialize inside base class
Moved testExplorer to separate folder
made fields of SelfServe Class non static

test/selfServe/selfServeExample.spec.ts

@@ -0,0 +1,29 @@
+import { Frame } from "puppeteer";
+import { TestExplorerParams } from "../testExplorer/TestExplorerParams";
+import { getTestExplorerFrame } from "../testExplorer/TestExplorerUtils";
+import { SelfServeTypes } from "../../src/SelfServe/SelfServeUtils";
+
+jest.setTimeout(300000);
+
+let frame: Frame;
+describe("Notebook UI tests", () => {
+  it("Upload, Open and Delete Notebook", async () => {
+    try {
+      frame = await getTestExplorerFrame(
+        new Map<string, string>([[TestExplorerParams.selfServeType, SelfServeTypes.example]])
+      );
+      await frame.waitForSelector(".ms-Dropdown");
+      const dropdownLabel = await frame.$eval(".ms-Dropdown-label", element => element.textContent);
+      expect(dropdownLabel).toEqual("Regions");
+      await frame.waitForSelector(".radioSwitchComponent");
+      await frame.waitForSelector(".ms-TextField");
+      await frame.waitForSelector(".ms-Slider ");
+      await frame.waitForSelector(".ms-spinButton-input");
+    } catch (error) {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const testName = (expect as any).getState().currentTestName;
+      await page.screenshot({ path: `Test Failed ${testName}.jpg` });
+      throw error;
+    }
+  });
+});