Use Floss and Chai to Replace Jest

[gz65555]

Advantages

• Much more easier to write your unit test
• Much more easier to debug your unit test

Packages Added

• Floss is a unit-testing tool made by pixi team which help us run our test in electron.

• Chai is an assertion library for [node](http://nodejs.org/) and the browser.

• Use nyc to collect coverage.

How to Write Unit Test

1. Add unit test in tests packages
2. Add unit test dependencies in package.json in tests
3. Use npx lerna boostrap update dependencies.

A Demo for unit test:

import { expect } from "chai";
import { WebGLEngine, WebCanvas } from "@oasis-engine/rhi-webgl";

describe("webgl engine test", () => {
  it("create a webgl engine", () => {
    const canvas = document.createElement("canvas");
    const engine = new WebGLEngine(canvas);
    expect(engine).not.be.null;
  });
});

Chai is quite different with Jest. We need migrate it.

How to Test

Test

npm run test

Test Coverage

npm run test-cov

And the coverage page is:

Test Debug

If you want to debug your coverage, you should run:

npm run test-debug

Test tool will open electron app and debug tool:

Error Handling

Run test

You can use debugger in npm run test-debug

[codecov-commenter]

Codecov Report

Merging #778 (9534e8f) into dev/0.8 (4e82285) will decrease coverage by 33.37%.
The diff coverage is 0.00%.

❗ Current head 9534e8f differs from pull request most recent head ce7dee2. Consider uploading reports for the commit ce7dee2 to get more accurate results

@@             Coverage Diff              @@
##           dev/0.8     #778       +/-   ##
============================================
- Coverage    43.69%   10.31%   -33.38%     
============================================
  Files          419      242      -177     
  Lines        22847    11430    -11417     
  Branches      3129     1709     -1420     
============================================
- Hits          9982     1179     -8803     
+ Misses       12865    10047     -2818     
- Partials         0      204      +204     

Impacted Files	Coverage Δ
packages/rhi-webgl/src/GLTexture.ts	21.95% <0.00%> (-28.66%)	⬇️
packages/math/src/SphericalHarmonics3.ts	1.21% <0.00%> (-98.79%)	⬇️
packages/core/src/material/BlinnPhongMaterial.ts	1.81% <0.00%> (-98.19%)	⬇️
packages/core/src/material/UnlitMaterial.ts	4.16% <0.00%> (-95.84%)	⬇️
packages/math/src/BoundingBox.ts	1.40% <0.00%> (-95.19%)	⬇️
packages/core/src/material/PBRSpecularMaterial.ts	5.26% <0.00%> (-94.74%)	⬇️
packages/math/src/Plane.ts	5.40% <0.00%> (-94.60%)	⬇️
packages/core/src/asset/AssetPromise.ts	4.25% <0.00%> (-94.19%)	⬇️
packages/core/src/material/PBRMaterial.ts	5.88% <0.00%> (-94.12%)	⬇️
packages/math/src/BoundingSphere.ts	3.70% <0.00%> (-93.60%)	⬇️
... and 410 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4e82285...ce7dee2. Read the comment docs.

[GuoLei1990]

+1