Type FunctionPlotOptions.target missing HTMLElement and Github Actions build workflow (#190)

Makes options.target a union of string | HTMLElement, move to Github Actions

Author: leonhma

.github/workflows/build-and-test.yml

@@ -0,0 +1,33 @@
+name: Build and Test
+
+on:
+  push:
+  pull_request:
+    types: [opened, reopened, synchronize]
+
+jobs:
+  build-and-test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/[email protected]
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Test
+        run: npm run test
+
+      - name: Build
+        run: npm run build
+
+      - name: Publish to Chromatic
+        if: github.event_name != 'pull_request'
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+
+      - name: Run Fossa and upload data
+        uses: fossa-contrib/fossa-action@v1
+        with:
+          fossa-api-key: abcdefghijklmnopqrstuvwxyz

src/index.ts

@@ -153,7 +153,7 @@ export class Chart extends EventEmitter.EventEmitter {
   }
 
   private getDraggableNode() {
-    return d3Select(this.options.target).select('.zoom-and-drag').node()
+    return d3Select(this.options.target as any).select('.zoom-and-drag').node()
   }
 
   /**
@@ -271,7 +271,7 @@ export class Chart extends EventEmitter.EventEmitter {
   }
 
   drawGraphWrapper () {
-    const root = this.root = d3Select(this.options.target)
+    const root = this.root = d3Select(this.options.target as any)
       .selectAll('svg')
       .data([this.options])
 

src/types.ts

@@ -278,7 +278,7 @@ export interface FunctionPlotOptions {
   /**
    * A css selector or DOM node of the parent element that will contain the graph
    */
-  target: string
+  target: string | HTMLElement
 
   /**
    * The chart title