Merge main project fix && add testing automation

Author: 38

.github/workflows/wasm.yml

@@ -0,0 +1,17 @@
+name: WASM Target
+
+on: [push]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - name: Install WASM tool chain
+      run: rustup target add wasm32-unknown-unknown
+    - name: Install wasm-pack 
+      run: cargo install wasm-pack
+    - name: Install fireox
+      run: sudo apt-get install firefox
+    - name: Run WASM test cases
+      run: wasm-pack test --headless --firefox

Cargo.toml

@@ -21,5 +21,5 @@ version = "0.3.32"
 features = ['Document', 'DomRect', 'Element', 'HtmlElement', 'Node', 'Window', 'HtmlCanvasElement', 'CanvasRenderingContext2d']
 
 [dev-dependencies]
-plotters = { path = "../plotters" }
-wasm-bindgen-test = "0.3.5"
+plotters = "^0.3.0"
+wasm-bindgen-test = "^0.3.17"

README.md

@@ -6,3 +6,24 @@ This is a part of plotters project. For more details, please check the following
 - Check the main repo at [Plotters repo](https://github.com/38/plotters.git)
 - For detailed documentation about this crate, check [plotters-backend on docs.rs](https://docs.rs/plotters-backend/)
 - You can also visit Plotters [Homepage](https://plotters-rs.github.io)
+
+## Testing 
+
+This crate needs to be tested in a browser environment. In order to test, you should install `wasm-pack` first.
+
+```bash
+cargo install wasm-pack
+```
+
+To run the test case with wasm-pack. You need choose what browser you want to run the test cases. You should also be able
+to use `--chrome` or `--safari` as well.
+
+```bash
+wasm-pack test --firefox  
+```
+
+Also you should be able to run it headlessly by adding the headless param to the testing command.
+
+```bash
+wasm-pack test --firefox --headless
+```

src/canvas.rs

@@ -65,7 +65,7 @@ impl CanvasBackend {
     /// Sets the stroke style and line width in the underlying context.
     fn set_line_style(&mut self, style: &impl BackendStyle) {
         self.context
-            .set_stroke_style(&make_canvas_color(style.as_color()));
+            .set_stroke_style(&make_canvas_color(style.color()));
         self.context.set_line_width(style.stroke_width() as f64);
     }
 }
@@ -346,7 +346,7 @@ mod test {
         let mut chart = ChartBuilder::on(&root)
             .caption("This is a test", ("sans-serif", 20))
             .set_all_label_area_size(40)
-            .build_ranged(0..10, 0..10)
+            .build_cartesian_2d(0..10, 0..10)
             .unwrap();
 
         chart
@@ -381,7 +381,7 @@ mod test {
         let mut chart = ChartBuilder::on(&root)
             .caption("All anchor point positions", ("sans-serif", 20))
             .set_all_label_area_size(40)
-            .build_ranged(0..100, 0..50)
+            .build_cartesian_2d(0..100, 0..50)
             .unwrap();
 
         chart
@@ -464,7 +464,7 @@ mod test {
         let mut chart = ChartBuilder::on(&root)
             .caption("All series label positions", ("sans-serif", 20))
             .set_all_label_area_size(40)
-            .build_ranged(0..50, 0..50)
+            .build_cartesian_2d(0..50, 0..50)
             .unwrap();
 
         chart

src/lib.rs

@@ -1,7 +1,7 @@
 /*!
-   The Plotters HTML5 Canvas backend. 
-   
-   This backend allows Plotters operates the HTML5 Canvas when targeted to Webassembly. 
+   The Plotters HTML5 Canvas backend.
+
+   This backend allows Plotters operates the HTML5 Canvas when targeted to Webassembly.
 
    See the documentation for [CanvasBackend](struct.CanvasBackend.html) for more details.
 */