Merge pull request #1 from srmukher/users/srmukher/TestModule

Unit test for Sparkline Chart using Rewire

Author: srmukher

tools/UnitTestApp/Sparkline/SparklineUT.test.tsx

@@ -0,0 +1,63 @@
+const script = require('../script')
+const sparkline1Points = {
+  chartTitle: 'Sparkline chart',
+  lineChartData: [
+    {
+      legend: '19.64',
+      color: '#00AA00',
+      data: [
+        {
+          x: 1,
+          y: 58.13,
+        },
+        {
+          x: 2,
+          y: 140.98,
+        },
+        {
+          x: 3,
+          y: 20,
+        },
+        {
+          x: 4,
+          y: 89.7,
+        },
+        {
+          x: 5,
+          y: 99,
+        },
+        {
+          x: 6,
+          y: 13.28,
+        },
+        {
+          x: 7,
+          y: 31.32,
+        },
+        {
+          x: 8,
+          y: 10.21,
+        },
+      ],
+    },
+  ],
+};
+
+describe('Unit test _isChartEmpty function', () => {
+  test('Should return false when the chart is not empty', () => {
+    const rewire = require('rewire');
+    const SparklineBaseModule = rewire('./SparklineBase.js');
+    const SparklineBase = SparklineBaseModule.__get__('SparklineBase');
+    const instance = new SparklineBase({data: sparkline1Points, width: 100, height: 100, _valueTextWidth: 100});
+    const result = instance._isChartEmpty();
+    expect(result).toBe(false);
+  });
+  test('Should return true when the chart is empty', () => {
+    const rewire = require('rewire');
+    const SparklineBaseModule = rewire('./SparklineBase.js');
+    const SparklineBase = SparklineBaseModule.__get__('SparklineBase');
+    const instance = new SparklineBase({data: [], width: 100, height: 100, _valueTextWidth: 100});
+    const result = instance._isChartEmpty();
+    expect(result).toBe(true);
+  });
+});

tools/UnitTestApp/package.json

@@ -0,0 +1,35 @@
+{
+    "name": "@fluentui/fluentui-charting-contrib-unit-test-app",
+    "version": "1.0",
+    "description": "Unit test app for Fluent UI Charting",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/microsoft/fluentui-charting-contrib/tools/UnitTestApp"
+    },
+    "license": "MIT",
+    "scripts": {
+        "test": "jest"
+    },
+    "devDependencies": {
+        "jest": "29.7.0",
+        "@types/jest": "29.5.5",
+        "@testing-library/dom": "8.11.3",
+        "@testing-library/jest-dom": "5.16.5",
+        "@testing-library/react": "12.1.2",
+        "react": "17.0.2",
+        "react-dom": "17.0.2",
+        "react-test-renderer": "17.0.2",
+        "@types/react": "17.0.44",
+        "@types/react-dom": "17.0.15",
+        "@types/react-test-renderer": "17.0.2",
+        "@types/react-addons-test-utils": "0.14.18",
+        "fs-extra": "8.1.0",
+        "@types/fs-extra": "8.0.1",
+        "rewire": "^4.0.1",
+        "@types/rewire": "^2.5.28",
+        "@fluentui/react-charting": "5.18.17"
+    },
+    "exports": {
+        "./README.md": "./README.md"
+    }
+}

tools/UnitTestApp/script.ts

@@ -0,0 +1,24 @@
+const fs = require('fs');
+const readFilePath = './node_modules/@fluentui/react-charting/lib-commonjs/components/Sparkline/Sparkline.base.js';
+const writeFilePath = './Sparkline/SparklineBase.js';
+// Read the file
+const updatedFile = () => {
+  fs.readFile(readFilePath, 'utf8', (err, data) => {
+    if (err) {
+      console.error(`Error reading file from disk: ${err}`);
+    } else {
+      // Replace the words
+      let result = data.replace(/require\("d3-scale"\)/g, "import('d3-scale')");
+      result = result.replace(/require\("d3-shape"\)/g, "import('d3-shape')");
+      result = result.replace(/require\("d3-array"\)/g, "import('d3-array')");
+      // Write the file back
+      fs.writeFile(writeFilePath, result, 'utf8', err => {
+        if (err) {
+          console.error(`Error writing file to disk: ${err}`);
+        }
+      });
+    }
+  });
+};
+
+updatedFile();