Fix typo TrianglesStrip -> TriangleStrip (#2566)

---------

Co-authored-by: William Candillon <wcandillon@gmail.com>

docs/docs/shapes/vertices.md

@@ -10,7 +10,7 @@ Draws vertices.
 | Name       | Type         | Description              |
 | :--------- | :----------- | :----------------------- |
 | vertices   | `Point[]`    | Vertices to draw |
-| mode?      | `VertexMode` | Can be `triangles`, `trianglesStrip` or `triangleFan`. Default is `triangles` |
+| mode?      | `VertexMode` | Can be `triangles`, `triangleStrip` or `triangleFan`. Default is `triangles` |
 | indices?   | `number[]`   | Indices of the vertices that form the triangles. If not provided, the order of the vertices will be taken. Using this property enables you not to duplicate vertices. |
 | textures   | `Point[]`.   | [Texture mapping](https://en.wikipedia.org/wiki/Texture_mapping). The texture is the shader provided by the paint. |
 | colors?    | `string[]`   | Optional colors to be associated to each vertex |

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

@@ -0,0 +1,30 @@
+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/skia/__tests__/Enums.spec.ts

@@ -95,7 +95,11 @@ describe("Enums", () => {
   });
   it("Should match VertexMode enums values with CanvasKit", () => {
     const { CanvasKit } = setupSkia();
-    checkEnum(VertexMode, CanvasKit.VertexMode);
+    expect(VertexMode.TriangleFan).toBe(CanvasKit.VertexMode.TriangleFan.value);
+    expect(VertexMode.TriangleStrip).toBe(
+      CanvasKit.VertexMode.TrianglesStrip.value
+    );
+    expect(VertexMode.Triangles).toBe(CanvasKit.VertexMode.Triangles.value);
   });
   it("Should match Canvas enums values with CanvasKit", () => {
     const { CanvasKit } = setupSkia();

package/src/skia/types/Vertices/Vertices.tsx

@@ -3,7 +3,7 @@ import type { SkJSIInstance } from "../JsiInstance";
 
 export enum VertexMode {
   Triangles,
-  TrianglesStrip,
+  TriangleStrip,
   TriangleFan,
 }