@shopify/react-native-skia 2.2.21 → 2.3.4

package/src/renderer/__tests__/e2e/Transforms.spec.tsx

@@ -1,63 +0,0 @@
-import React from "react";
-
-import { importSkia, surface } from "../setup";
-import { checkImage } from "../../../__tests__/setup";
-import { Circle, Fill, Group, RoundedRect } from "../../components";
-
-describe("Transform", () => {
-  it("Should render a transform with the correct origin", async () => {
-    const { Skia } = importSkia();
-    const { width, height } = surface;
-    const r = width * 0.33;
-    const image = await surface.draw(
-      <Group
-        blendMode="multiply"
-        transform={[{ rotate: Math.PI }]}
-        origin={Skia.Point(width / 2, height / 2)}
-      >
-        <Circle cx={r} cy={r} r={r} color="cyan" />
-        <Circle cx={width - r} cy={r} r={r} color="magenta" />
-        <Circle cx={width / 2} cy={height - r} r={r} color="yellow" />
-      </Group>
-    );
-    checkImage(image, "snapshots/drawings/transform-origin.png");
-  });
-
-  it("Should use radians for the skewX transformation", async () => {
-    const { Skia } = importSkia();
-    const { width } = surface;
-    const r = width / 4;
-    const image = await surface.draw(
-      <>
-        <Fill color="#e8f4f8" />
-        <Group
-          color="lightblue"
-          origin={Skia.Point(r, r)}
-          transform={[{ skewX: Math.PI / 6 }]}
-        >
-          <RoundedRect x={r} y={r} width={2 * r} height={2 * r} r={10} />
-        </Group>
-      </>
-    );
-    checkImage(image, "snapshots/drawings/skew-transform.png");
-  });
-
-  it("Should use radians for the skewY transformation", async () => {
-    const { Skia } = importSkia();
-    const { width } = surface;
-    const r = width / 4;
-    const image = await surface.draw(
-      <>
-        <Fill color="#e8f4f8" />
-        <Group
-          color="lightblue"
-          origin={Skia.Point(r, r)}
-          transform={[{ skewY: Math.PI / 6 }]}
-        >
-          <RoundedRect x={r} y={r} width={2 * r} height={2 * r} r={10} />
-        </Group>
-      </>
-    );
-    checkImage(image, "snapshots/drawings/skew-transform2.png");
-  });
-});

package/src/renderer/__tests__/e2e/Vertices.spec.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-
-import { checkImage } from "../../../__tests__/setup";
-import { Vertices } from "../../components";
-import { surface, importSkia } from "../setup";
-
-describe("Vertices", () => {
-  it("should draw a single triangle", async () => {
-    const { vec } = importSkia();
-    const vertices = [vec(64, 0), vec(128, 256), vec(0, 256)];
-    const colors = ["#61dafb", "#fb61da", "#dafb61"];
-    const img = await surface.draw(
-      <>
-        <Vertices vertices={vertices} colors={colors} />
-      </>
-    );
-    checkImage(img, "snapshots/vertices/vertices.png");
-  });
-  it("should draw a single triangle strip", async () => {
-    const { vec } = importSkia();
-    const vertices = [vec(0, 0), vec(128, 0), vec(0, 256), vec(128, 256)];
-    const colors = ["#61dafb", "#fb61da", "#dafb61", "cyan"];
-    const img = await surface.draw(
-      <>
-        <Vertices vertices={vertices} colors={colors} mode="triangleStrip" />
-      </>
-    );
-    checkImage(img, "snapshots/vertices/strip.png");
-  });
-});

package/src/renderer/__tests__/e2e/Video.ts

@@ -1,68 +0,0 @@
-import type { Video } from "../../../skia/types";
-import { surface } from "../setup";
-
-// TODO: to reanable these tests we need to run them on the UI thread
-describe("Videos", () => {
-  it.skip("get video duration and framerate", async () => {
-    const result = await surface.eval((Skia, ctx) => {
-      const video = Skia.Video(ctx.localAssets[0]) as Video;
-      return {
-        duration: video.duration(),
-        framerate: video.framerate(),
-        width: video.size().width,
-        height: video.size().height,
-      };
-    });
-    expect(result).toEqual({
-      duration: 5280,
-      framerate: 25,
-      height: 720,
-      width: 1280,
-    });
-  });
-  // TODO: We need to reanable these tests once we can run them on the UI thread
-  // itRunsE2eOnly("get frame", async () => {
-  //   const { Skia } = importSkia();
-  //   const data = await surface.eval((Sk, ctx) => {
-  //     const video = Sk.Video(ctx.localAssets[0]);
-  //     const img = video.nextImage();
-  //     if (!img) {
-  //       return null;
-  //     }
-  //     return Array.from(img.encodeToBytes());
-  //   });
-  //   expect(data).not.toBeNull();
-  //   const img = Skia.Image.MakeImageFromEncoded(
-  //     Skia.Data.fromBytes(new Uint8Array(data!))
-  //   );
-  //   expect(img).not.toBeNull();
-  //   checkImage(img!, "snapshots/video/frame0.png");
-  // });
-  // itRunsE2eOnly("seek frame", async () => {
-  //   const { Skia } = importSkia();
-  //   const data = await surface.eval((Sk, ctx) => {
-  //     const video = Sk.Video(ctx.localAssets[0]);
-  //     video.seek(100);
-  //     const img = video.nextImage();
-  //     if (!img) {
-  //       return null;
-  //     }
-  //     return Array.from(img.encodeToBytes());
-  //   });
-  //   expect(data).not.toBeNull();
-  //   const img = Skia.Image.MakeImageFromEncoded(
-  //     Skia.Data.fromBytes(new Uint8Array(data!))
-  //   );
-  //   expect(img).not.toBeNull();
-  //   checkImage(img!, "snapshots/video/frame100.png");
-  // });
-  it.skip("seek non existing frame returns null", async () => {
-    const result = await surface.eval((Skia, ctx) => {
-      const video = Skia.Video(ctx.localAssets[0]) as Video;
-      video.seek(100000);
-      const image = video.nextImage();
-      return image === null;
-    });
-    expect(result).toBe(true);
-  });
-});

package/src/renderer/__tests__/e2e/setup/Paragraph.ts

@@ -1,60 +0,0 @@
-import type { SkParagraph, Skia, SkCanvas } from "../../../../skia/types";
-import type { EvalContext } from "../../setup";
-
-import { SkiaObject } from "./SkiaObject";
-
-export class ParagraphAsset<Ctx extends EvalContext>
-  extends SkiaObject<Ctx, SkParagraph>
-  implements SkParagraph
-{
-  constructor(
-    Skia: Skia,
-    fn: (Skia: Skia, ctx: Ctx) => SkParagraph,
-    context: Ctx = {} as Ctx
-  ) {
-    super(Skia, fn, context);
-  }
-
-  layout(width: number) {
-    this.instance.layout(width);
-  }
-  paint(canvas: SkCanvas, x: number, y: number) {
-    this.instance.paint(canvas, x, y);
-  }
-  getHeight() {
-    return this.instance.getHeight();
-  }
-  getMaxWidth() {
-    return this.instance.getMaxWidth();
-  }
-  getMinIntrinsicWidth() {
-    return this.instance.getMinIntrinsicWidth();
-  }
-  getMaxIntrinsicWidth() {
-    return this.instance.getMaxIntrinsicWidth();
-  }
-  getLongestLine() {
-    return this.instance.getLongestLine();
-  }
-  getGlyphPositionAtCoordinate(x: number, y: number) {
-    return this.instance.getGlyphPositionAtCoordinate(x, y);
-  }
-  getRectsForRange(start: number, end: number) {
-    return this.instance.getRectsForRange(start, end);
-  }
-  getLineMetrics() {
-    return this.instance.getLineMetrics();
-  }
-  getRectsForPlaceholders() {
-    return this.instance.getRectsForPlaceholders();
-  }
-  __typename__ = "Paragraph" as const;
-
-  [Symbol.dispose](): void {
-    this.instance[Symbol.dispose]();
-  }
-
-  dispose(): void {
-    this[Symbol.dispose]();
-  }
-}

package/src/renderer/__tests__/e2e/setup/SVG.ts

@@ -1,31 +0,0 @@
-// Because SkSVG doesn't exist on web,
-
-import type { SkSVG } from "../../../../skia/types";
-
-// this instance is just to send the svg over the wire
-export class SVGAsset implements SkSVG {
-  __typename__ = "SVG" as const;
-  constructor(
-    private _source: string,
-    private _width: number,
-    private _height: number
-  ) {}
-
-  [Symbol.dispose]() {}
-
-  dispose() {
-    this[Symbol.dispose]();
-  }
-
-  source() {
-    return this._source;
-  }
-
-  width() {
-    return this._width;
-  }
-
-  height() {
-    return this._height;
-  }
-}

package/src/renderer/__tests__/e2e/setup/SkiaObject.ts

@@ -1,31 +0,0 @@
-import type { SkJSIInstance, Skia } from "../../../../skia/types";
-import type { EvalContext } from "../../setup";
-
-export abstract class SkiaObject<
-  Ctx extends EvalContext,
-  R extends SkJSIInstance<string>,
-> {
-  protected _source: string;
-  protected _instance: R;
-
-  constructor(
-    Skia: Skia,
-    fn: (Skia: Skia, ctx: Ctx) => R,
-    public _context: Ctx
-  ) {
-    this._source = fn.toString();
-    this._instance = fn(Skia, _context);
-  }
-
-  get source() {
-    return this._source;
-  }
-
-  get context() {
-    return this._context;
-  }
-
-  get instance() {
-    return this._instance;
-  }
-}

package/src/renderer/__tests__/e2e/setup/index.ts

@@ -1,3 +0,0 @@
-export * from "./Paragraph";
-export * from "./SVG";
-export * from "./SkiaObject";