update development test file examples

lvanwenhai · May 18, 2018 · 499ed64 · 499ed64
1 parent 3a3c604
commit 499ed64
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 16 deletions.
diff --git a/package.json b/package.json
@@ -2,7 +2,7 @@
   "name": "print-js",
   "homepage": "http://printjs.crabbly.com",
   "description": "A tiny javascript library to help printing from the web.",
-  "version": "1.0.41",
+  "version": "1.0.42",
   "main": "dist/print.js",
   "repository": "https://github.com/crabbly/Print.js",
   "license": "MIT",

diff --git a/test.css b/test.css
@@ -0,0 +1,6 @@
+@media print {
+    h1 {
+        color: red;
+        font-size: 40px;
+    }
+}
diff --git a/test.html b/test.html
@@ -12,21 +12,36 @@
       });
     }
 
-    function printHtmlCustom() {
-      const css = `
+    function printHtmlCustomStyle() {
+      const style = `
         @page {
           margin: 0
         }
+
+        @media print {
+          h1 {
+            color: blue
+          }
+        }
       `
 
       printJS({
         printable: 'test',
         type: 'html',
-        css: css,
+        style: style,
         scanStyles: false
       });
     }
 
+    function printHtmlCss() {
+        printJS({
+            printable: 'test',
+            type: 'html',
+            css: 'test.css',
+            scanStyles: false
+        });
+    }
+
     function printJson() {
         let data = [
             {
@@ -49,18 +64,27 @@
   <body>
     <section id="test" class="test">
       <h1>Print.js Test Page</h1>
-      <button onClick='printPdf();'>
-        Print PDF
-      </button>
-      <button onClick='printHtml();'>
-        Print HTML
-      </button>
-      <button onClick='printHtmlCustom();'>
-        Print HTML with custom css
-      </button>
-      <button onClick='printJson();'>
-        Print JSON
-      </button>
+      <p>
+        <button onClick='printPdf();'>
+          Print PDF
+        </button>
+      </p>
+      <p>
+        <button onClick='printHtml();'>
+          Print HTML
+        </button>
+        <button onClick='printHtmlCustomStyle();'>
+          Print HTML with custom style
+        </button>
+        <button onClick='printHtmlCss();'>
+          Print HTML with custom css
+        </button>
+      </p>
+      <p>
+        <button onClick='printJson();'>
+          Print JSON
+        </button>
+      </p>
     </section>
   </body>
 </html>