feat: added browser example (#72)

JoshuaKGoldberg · web-flow · commit 1fd24ca36971 · 2024-07-01T21:43:39.000-04:00
* feat: added browser example

* formatting

* fix: remove unnecessary script

* chore: delete package-lock.json
diff --git a/packages/browser/README.md b/packages/browser/README.md
@@ -0,0 +1,5 @@
+# Browser Example
+
+See full documentation about [running Mocha in the browser](https://mochajs.org/#running-mocha-in-the-browser).
+
+After `npm install`, open `index.html` in a browser.
diff --git a/packages/browser/index.html b/packages/browser/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Mocha Tests</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="node_modules/mocha/mocha.css" />
+  </head>
+  <body>
+    <div id="mocha"></div>
+
+    <script src="node_modules/chai/chai.js"></script>
+    <script src="node_modules/mocha/mocha.js"></script>
+
+    <script class="mocha-init">
+      mocha.setup("bdd");
+      mocha.checkLeaks();
+    </script>
+    <script src="test.example.js"></script>
+    <script class="mocha-exec">
+      mocha.run();
+    </script>
+  </body>
+</html>
diff --git a/packages/browser/package.json b/packages/browser/package.json
@@ -0,0 +1,13 @@
+{
+  "name": "example-browser",
+  "version": "1.0.0",
+  "description": "Browser example",
+  "engines": {
+    "node": ">=10.0.0"
+  },
+  "license": "ISC",
+  "devDependencies": {
+    "chai": "^4.4.1",
+    "mocha": "latest"
+  }
+}
diff --git a/packages/browser/test.example.js b/packages/browser/test.example.js
@@ -0,0 +1,5 @@
+describe("example", () => {
+    it("2 + 2", () => {
+        chai.expect(2 + 2).to.be.eql(4);
+    });
+});
