Repository: mochajs/mocha

Problem statement:
📝 Docs: Add an `/example/tests` page to the new website
### Documentation Request Checklist

- [x] I have read and agree to Mocha's [Code of Conduct](https://github.com/mochajs/mocha/blob/main/.github/CODE_OF_CONDUCT.md) and [Contributing Guidelines](https://github.com/mochajs/mocha/blob/main/.github/CONTRIBUTING.md)
- [x] I have searched for [related issues](https://github.com/mochajs/mocha/issues?q=is%3Aissue) and [issues with the `faq` label](https://github.com/mochajs/mocha/issues?utf8=%E2%9C%93&q=is%3Aissue%20label%3Afaq%20), but none matched my issue.
- [x] I want to provide a PR to resolve this

### Overview

https://mochajs.org/example/tests.html contains an example of Mocha in the browser. It's a nice page to send people as a reference. I think we'll want to add an equivalent to the new website too, right?

### Additional Info

_No response_


Hints:

Patch:
diff --git a/docs-next/public/example/Array.js b/docs-next/public/example/Array.js
new file mode 100644
--- /dev/null
+++ b/docs-next/public/example/Array.js
@@ -0,0 +1,75 @@
+"use strict";
+
+describe('Array', function () {
+  describe('.push()', function () {
+    it('should append a value', function () {
+      var arr = [];
+      arr.push('foo');
+      arr.push('bar');
+      expect(arr[0]).to.equal('foo');
+      expect(arr[1]).to.equal('bar');
+    })
+
+    it('should return the length', function () {
+      var arr = [];
+      var n = arr.push('foo');
+      expect(n).to.equal(1);
+      n = arr.push('bar');
+      expect(n).to.equal(2);
+    })
+
+    describe('with many arguments', function () {
+      it('should add the values', function () {
+        var arr = [];
+        arr.push('foo', 'bar');
+        expect(arr[0]).to.equal('foo');
+        expect(arr[1]).to.equal('bar');
+      })
+    })
+  })
+
+  describe('.unshift()', function () {
+    it('should prepend a value', function () {
+      var arr = [1, 2, 3];
+      arr.unshift('foo');
+      expect(arr[0]).to.equal('foo');
+      expect(arr[1]).to.equal(1);
+    })
+
+    it('should return the length', function () {
+      var arr = [];
+      var n = arr.unshift('foo');
+      expect(n).to.equal(1);
+      n = arr.unshift('bar');
+      expect(n).to.equal(2);
+    })
+
+    describe('with many arguments', function () {
+      it('should add the values', function () {
+        var arr = [];
+        arr.unshift('foo', 'bar');
+        expect(arr[0]).to.equal('foo');
+        expect(arr[1]).to.equal('bar');
+      })
+    })
+  })
+
+  describe('.pop()', function () {
+    it('should remove and return the last value', function () {
+      var arr = [1, 2, 3];
+      expect(arr.pop()).to.equal(3);
+      expect(arr.pop()).to.equal(2);
+      expect(arr).to.have.length(1);
+    })
+  })
+
+  describe('.shift()', function () {
+    it('should remove and return the first value', function () {
+      var arr = [1, 2, 3];
+      expect(arr.shift()).to.equal(1);
+      expect(arr.shift()).to.equal(2);
+      expect(arr).to.have.length(1);
+    })
+  })
+})
+


Test patch:
diff --git a/docs-next/public/example/tests.html b/docs-next/public/example/tests.html
new file mode 100644
--- /dev/null
+++ b/docs-next/public/example/tests.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Mocha</title>
+    <link rel="stylesheet" href="https://unpkg.com/mocha/mocha.css">
+    <link rel="shortcut icon" href="../favicon.svg">
+  </head>
+  <body>
+    <div id="mocha"></div>
+    <script src="https://unpkg.com/mocha/mocha.js"></script>
+    <script src="https://unpkg.com/chai@4.5.0/chai.js"></script>
+    <script>mocha.setup('bdd')</script>
+    <script>expect = chai.expect</script>
+    <script src="Array.js"></script>
+    <script>
+      mocha.run();
+    </script>
+  </body>
+</html>