@vnejs/plugins.scenario.point_and_click 0.2.5 → 0.2.7

package/dist/modules/emit.js

@@ -14,8 +14,8 @@ export class PointAndClickEmit extends ModuleCore {
         return this.emit(this.EVENTS.POINT_AND_CLICK.SHOW);
     };
     mapOptions = async ({ optionLine: { line = "", args = {} }, index }) => {
-        const [, , icon, x, y] = tokenizeExecLine(line).map(String);
-        const result = { index, coords: [x, y].map(Number), icon, ...args };
+        const [, , icon, iconHover, x, y] = tokenizeExecLine(line).map(String);
+        const result = { index, coords: [x, y].map(Number), icon, iconHover, ...args };
         await Promise.all(Object.keys(args).map(async (key) => {
             if (typeof args[key] !== "string" || !args[key].startsWith(this.CONST.SCENARIO.LINE_PREFIXES.MODULE))
                 return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vnejs/plugins.scenario.point_and_click",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/modules/emit.ts

@@ -29,8 +29,8 @@ export class PointAndClickEmit extends ModuleCore<
   };
 
   mapOptions = async ({ optionLine: { line = "", args = {} }, index }: NonNullable<PointAndClickEmitPayload["options"]>[number]) => {
-    const [, , icon, x, y] = tokenizeExecLine(line).map(String);
-    const result: PointAndClickOption = { index, coords: [x, y].map(Number), icon, ...args };
+    const [, , icon, iconHover, x, y] = tokenizeExecLine(line).map(String);
+    const result: PointAndClickOption = { index, coords: [x, y].map(Number), icon, iconHover, ...args };
 
     await Promise.all(
       Object.keys(args).map(async (key) => {

package/src/tests/logs.test.ts

@@ -14,7 +14,7 @@ describe("PointAndClickLogs", () => {
   it("EMIT emits LOGS.EMIT with emit action", async () => {
     const { observer } = createPointAndClickTestModule(PointAndClickLogs);
     const logs = spyEvent(observer, LOGS_EVENTS.EMIT);
-    const options = [{ index: 0, optionLine: { line: "% point-and-click.option star 1 2", args: {} } }];
+    const options = [{ index: 0, optionLine: { line: "% point-and-click.option star star-hover 1 2", args: {} } }];
 
     await observer.emit(SUBSCRIBE_EVENTS.EMIT, { options, args: { a: 1 } });
 

package/src/tests/point_and_click.test.ts

@@ -30,15 +30,36 @@ describe("PointAndClick flow", () => {
     const skip = spyEvent(observer, SUBSCRIBE_EVENTS.SKIP);
 
     await observer.emit(SUBSCRIBE_EVENTS.EMIT, {
-      options: [{ index: 0, optionLine: { line: "% point-and-click.option star 100 200", args: {} } }],
+      options: [{ index: 0, optionLine: { line: "% point-and-click.option star star-hover 100 200", args: {} } }],
     });
 
     expect(stateModule.state.isShow).toBe(true);
-    expect(stateModule.state.options[0]).toMatchObject({ index: 0, icon: "star", coords: [100, 200] });
+    expect(stateModule.state.options[0]).toMatchObject({ index: 0, icon: "star", iconHover: "star-hover", coords: [100, 200] });
     expect(show).toHaveBeenCalledOnce();
     expect(skip).not.toHaveBeenCalled();
   });
 
+  it("EMIT forwards imgWidth and imgHeight args onto the option", async () => {
+    const { stateModule, observer } = createPointAndClickFlowModules();
+
+    await observer.emit(SUBSCRIBE_EVENTS.EMIT, {
+      options: [
+        {
+          index: 0,
+          optionLine: { line: "% point-and-click.option star star-hover 100 200", args: { imgWidth: 60, imgHeight: 60 } },
+        },
+      ],
+    });
+
+    expect(stateModule.state.options[0]).toMatchObject({
+      icon: "star",
+      iconHover: "star-hover",
+      coords: [100, 200],
+      imgWidth: 60,
+      imgHeight: 60,
+    });
+  });
+
   it("EMIT with all hided options emits SKIP and advances past the block", async () => {
     const { stateModule, observer, state } = createPointAndClickFlowModules();
     const show = spyEvent(observer, SUBSCRIBE_EVENTS.SHOW);
@@ -46,7 +67,7 @@ describe("PointAndClick flow", () => {
     const next = spyEvent(observer, SCENARIO_EVENTS.NEXT);
     const lines = [
       { line: "% point-and-click", indent: 0 },
-      { line: "% point-and-click.option star 100 200", indent: 2 },
+      { line: "% point-and-click.option star star-hover 100 200", indent: 2 },
       { line: '"after"', indent: 0 },
     ];
 
@@ -54,7 +75,7 @@ describe("PointAndClick flow", () => {
     state.scenario.curLine = 0;
 
     await observer.emit(SUBSCRIBE_EVENTS.EMIT, {
-      options: [{ index: 1, optionLine: { line: "% point-and-click.option star 100 200", args: { hided: true } } }],
+      options: [{ index: 1, optionLine: { line: "% point-and-click.option star star-hover 100 200", args: { hided: true } } }],
     });
 
     expect(skip).toHaveBeenCalledOnce();
@@ -88,7 +109,7 @@ describe("PointAndClick flow", () => {
     const hide = spyEvent(observer, SUBSCRIBE_EVENTS.HIDE);
 
     stateModule.setState({
-      options: [{ index: 3, icon: "star", coords: [0, 0] }],
+      options: [{ index: 3, icon: "star", iconHover: "star-hover", coords: [0, 0] }],
       args: {},
       isShow: true,
     });

package/src/tests/scenario.test.ts

@@ -28,7 +28,7 @@ describe("PointAndClickScenario", () => {
     const emit = spyEvent(observer, SUBSCRIBE_EVENTS.EMIT);
     const lines = [
       { line: "point-and-click", indent: 0 },
-      { line: "% point-and-click.option star 10 20", indent: 2 },
+      { line: "% point-and-click.option star star-hover 10 20", indent: 2 },
     ];
 
     observer.subscribe(SCENARIO_EVENTS.LINES_GET, () => lines);
@@ -78,7 +78,7 @@ describe("PointAndClickScenarioModule", () => {
     const next = spyEvent(observer, SCENARIO_EVENTS.NEXT);
     const lines = [
       { line: "% point-and-click", indent: 0 },
-      { line: "% point-and-click.option star 10 20", indent: 2 },
+      { line: "% point-and-click.option star star-hover 10 20", indent: 2 },
       { line: '"text"', indent: 2 },
       { line: "$ point-and-click repeat", indent: 2 },
     ];