test: add tests for cubemap "gap" option

demo/examples/panoviewer/projection-type/cubemap_image.html

@@ -66,7 +66,7 @@ <h2>Support variety cubemap format</h2>
         projectionType: "cubemap",
         image: "../../img/test_cube_3x2_RLUDFB.jpg",
         cubemapConfig: {
-          gap: 1
+          gap: 3
         }
     });
 

test/unit/PanoImageRenderer/PanoImageRenderer.spec.js

@@ -11,6 +11,7 @@ import {compare, createPanoImageRenderer, renderAndCompareSequentially, isVideoL
 import WebGLUtils from "../../../src/PanoImageRenderer/WebGLUtils";
 import TestHelper from "../YawPitchControl/testHelper";
 import {PROJECTION_TYPE} from "../../../src/PanoViewer/consts";
+import PanoViewer from "../../../src/PanoViewer/PanoViewer";
 
 const RendererOnIE11 = RendererInjector(
 	{
@@ -675,6 +676,69 @@ describe("PanoImageRenderer", () => {
 				expect(result.success).to.be.equal(true);
 			});
 
+      IT("cubemap 3x2 - gap", async () => {
+				// Given
+				const sourceImg = new Image();
+
+				sourceImg.src = "./images/test_cube_3x2_small.png";
+
+				const inst_gap0 = createPanoImageRenderer(sourceImg, false, "cubemap", { gap: 0, order: "RLUDFB" });
+        const inst_gap2 = createPanoImageRenderer(sourceImg, false, "cubemap", { gap: 2, order: "RLUDFB" });
+
+        await Promise.all([
+          new Promise(res => inst_gap0.on("imageLoaded", res)),
+          new Promise(res => inst_gap2.on("imageLoaded", res))
+        ]);
+
+				// When
+				await inst_gap0.bindTexture();
+        await inst_gap2.bindTexture();
+
+				// Then
+				const result_gap0 = await renderAndCompareSequentially(
+					inst_gap0, [[135, -45, 30, `./images/PanoViewer/test_cube_gap_0${suffix}`, threshold]]
+				);
+
+        const result_gap2 = await renderAndCompareSequentially(
+					inst_gap2, [[135, -45, 30, `./images/PanoViewer/test_cube_gap_2${suffix}`, threshold]]
+				);
+
+				expect(result_gap0.success).to.be.equal(true);
+        expect(result_gap2.success).to.be.equal(true);
+			});
+
+			IT("cubestrip 3x2 - gap", async () => {
+				// Given
+				const sourceImg = new Image();
+
+				sourceImg.src = "./images/test_cube_3x2_small.png";
+        "RLUDFB"
+
+				const inst_gap0 = createPanoImageRenderer(sourceImg, false, "cubestrip", { gap: 0 });
+        const inst_gap2 = createPanoImageRenderer(sourceImg, false, "cubestrip", { gap: 2 });
+
+        await Promise.all([
+          new Promise(res => inst_gap0.on("imageLoaded", res)),
+          new Promise(res => inst_gap2.on("imageLoaded", res))
+        ]);
+
+				// When
+				await inst_gap0.bindTexture();
+        await inst_gap2.bindTexture();
+
+				// Then
+				const result_gap0 = await renderAndCompareSequentially(
+					inst_gap0, [[135, -45, 30, `./images/PanoViewer/test_cube_gap_0${suffix}`, threshold]]
+				);
+
+        const result_gap2 = await renderAndCompareSequentially(
+					inst_gap2, [[135, -45, 30, `./images/PanoViewer/test_cube_gap_2${suffix}`, threshold]]
+				);
+
+				expect(result_gap0.success).to.be.equal(true);
+        expect(result_gap2.success).to.be.equal(true);
+			});
+
 			// This test will fail on iOS safari, because video will not start load without use interaction.
 			IT("cubestrip 3x2: video", async () => {
 				// Given