Resolve NPM audit issues.

Author: ljwagerfield

package-lock.json

@@ -17,7 +17,7 @@
   },
   "files": [
     "/dist/**/*",
-    "/tests/**/*"
+    "/test/**/*"
   ],
   "keywords": [
     "vue",
@@ -54,7 +54,7 @@
     "publish:execute": "npm run publish:cdn && npm publish && npm run publish:createGitHubRelease",
     "publish:createGitHubRelease": "gh release create v$(node -p \"require('./package.json').version\")",
     "publish:cdn": "npm run prepack:cdn && aws s3 cp --recursive --content-type application/javascript dist/ s3://upload-js-releases/upload-widget-vue/ && aws cloudfront create-invalidation --distribution-id E250290WAJ43YY --paths '/upload-widget-vue/*'",
-    "test": "npx wdio run tests/wdio.conf.ts --autoCompileOpts.tsNodeOpts.project=tests/tsconfig.json",
+    "test": "wdio run ./wdio.conf.ts",
     "prepare": "husky install"
   },
   "lint-staged": {
@@ -81,13 +81,12 @@
     "@typescript-eslint/eslint-plugin": "4.33.0",
     "@typescript-eslint/parser": "4.33.0",
     "@vue/compiler-sfc": "3.4.21",
-    "@wdio/cli": "7.7.5",
-    "@wdio/local-runner": "7.7.5",
-    "@wdio/mocha-framework": "7.7.5",
-    "@wdio/spec-reporter": "7.7.5",
+    "@wdio/cli": "^9.12.4",
+    "@wdio/local-runner": "^9.12.4",
+    "@wdio/mocha-framework": "^9.12.3",
+    "@wdio/spec-reporter": "^9.12.3",
     "babel-loader": "8.2.3",
     "babel-plugin-transform-async-to-promises": "0.8.18",
-    "chromedriver": "^126.0.4",
     "enzyme": "3.11.0",
     "eslint": "7.32.0",
     "eslint-config-prettier": "6.15.0",
@@ -109,9 +108,6 @@
     "typescript": "4.7.4",
     "vue": "3.4.21",
     "vue-loader": "16.8.3",
-    "wdio-chromedriver-service": "^7.3.2",
-    "wdio-wait-for": "^2.2.5",
-    "webdriverio": "7.7.5",
     "webpack": "5.94.0",
     "webpack-bundle-analyzer": "4.2.0",
     "webpack-cli": "4.10.0",

package.json

@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-floating-promises */
+import App from "../pageobjects/app.page";
+
+describe("@bytescale/upload-widget-angular sandbox", () => {
+  it("should contain a dropzone component", async () => {
+    await App.open();
+    const button = App.dropzoneUploadButton;
+    const buttonText = await button.getText();
+    expect(buttonText).toBe("Upload a File");
+  });
+  it("should contain a file upload button", async () => {
+    await App.open();
+    await App.modalLauncher.click();
+    const button = App.modalButton;
+    await button.waitForClickable();
+    const buttonText = await button.getText();
+    expect(buttonText).toBe("Upload a File");
+  });
+});

tests/e2e/pageobjects/app.page.ts renamed to test/pageobjects/app.page.ts

@@ -20,8 +20,9 @@
     "paths": {
       "@bytescale/upload-widget-vue": ["./"],
       "@bytescale/upload-widget-vue/*": ["./*"]
-    }
+    },
+    "types": ["@wdio/globals/types", "@wdio/mocha-framework"]
   },
-  "include": ["./src/**/*"],
+  "include": ["./**/*"],
   "exclude": ["./node_modules/**/*"]
 }