feat: add quick testing

wuda-io · wuda-io · commit 1862562da3ed · 2026-01-02T15:53:49.000+01:00
diff --git a/README.md b/README.md
@@ -64,6 +64,9 @@ Materialize is compatible with:
 ## Testing
 We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, [here's a starting guide on how to write tests in Jasmine](docs/CONTRIBUTING.md#jasmine-testing-guide).
 
+## Quick Testing and Development
+For quick testing install live-server node package globally and run `npm run demo`
+
 ## Contributing
 Check out the [CONTRIBUTING document](docs/CONTRIBUTING.md) in the root of the repository to learn how you can contribute. You can also browse the [help-wanted](https://github.com/materializecss/materialize/labels/help-wanted) tag in our issue tracker to find things to do.
 
diff --git a/index.html b/index.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <!-- CSS -->
+    <link type="text/css" rel="stylesheet" href="/dist/css/materialize.min.css" media="screen,projection"/>
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  </head>
+  <body>
+    <div class="container">
+      <h1>Test</h1>
+      <p>This is for quick testing purposes. The files are used from dist directory.</p>
+
+      <div style="border: 1px dashed #888;">
+        <!-- Dropdown Trigger -->
+        <a class='dropdown-trigger btn tonal' href='#' data-target='dropdown1'>Drop Me!</a>
+        <!-- Dropdown Structure -->
+        <ul id='dropdown1' class='dropdown-content'>
+          <li><a href="#!">one</a></li>
+          <li><a href="#!">two</a></li>
+          <li class="divider" tabindex="-1"></li>
+          <li><a href="#!">three</a></li>
+          <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
+          <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
+        </ul>
+      </div>
+    </div>
+
+    <!-- JS -->
+    <script type="text/javascript" src="/dist/js/materialize.min.js"></script>
+    <script>
+      M.AutoInit();
+    </script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -39,7 +39,8 @@
     "preversion": "npm run lint && npm test",
     "version": "npm run build -- --environment BUILD:release && node compress.mjs && git add .",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "build-storybook": "storybook build",
+    "demo": "live-server"
   },
   "lint-staged": {
     "js/*.js": [
