responsive-json-webpack-plugin/test/__tests__/process-raw-files.js

Resize images and combine responsive image info with static text in json.

/* eslint-disable no-console */
const ResponsiveJSONWebpackPlugin = require("../../src/index.ts");

const rjInstance = new ResponsiveJSONWebpackPlugin({
  sourceTemplates: "../examples/templates",
  sourceImages: "../examples/images",
  outputFolder: "examples/output"
});

rjInstance.savePicture = jest.fn();
rjInstance.savePicture.mockReturnValue(Promise.resolve());
rjInstance.generateFileName = jest.fn();
rjInstance.generateFileName.mockReturnValue("out.jpg");

describe("raw files", () => {
  test("object with no alternates", () => {
    return rjInstance
      .processRawItem("filename", {
        src: "sample-1.png",
        size: 16
      })
      .then(() => {
        expect(rjInstance.savePicture.mock.calls).toHaveLength(1);
        expect(rjInstance.savePicture).toHaveBeenLastCalledWith(
          "../examples/images/sample-1.png",
          { size: 16, src: "out.jpg" }
        );
      });
  });

  test("object with no size and alternates", () => {
    return rjInstance
      .processRawItem(
        "filename",
        {
          src: "sample-2.png"
        },
        [
          {
            size: 36,
            dest: "[name]-huge"
          },
          {
            size: 8,
            dest: "[name]-smaller"
          }
        ]
      )
      .then(() => {
        expect(rjInstance.savePicture).toHaveBeenCalledTimes(3);
        expect(rjInstance.savePicture).toHaveBeenLastCalledWith(
          "../examples/images/sample-2.png",
          { size: 8, src: "out.jpg" }
        );
      });
  });

  test("object with alternates", () => {
    return rjInstance
      .processRawItem(
        "filename",
        {
          src: "sample-2.png",
          size: 16
        },
        [
          {
            size: 36,
            dest: "[name]-huge"
          }
        ]
      )
      .then(() => {
        expect(rjInstance.savePicture).toHaveBeenCalledTimes(5);
        expect(rjInstance.savePicture).toHaveBeenLastCalledWith(
          "../examples/images/sample-2.png",
          { size: 36, src: "out.jpg" }
        );
      });
  });

  test("string with alternates", () => {
    return rjInstance
      .processRawItem("filename", "sample-2.png", [
        {
          size: 36,
          dest: "[name]-huge"
        }
      ])
      .then(() => {
        expect(rjInstance.savePicture).toHaveBeenCalledTimes(6);
        expect(rjInstance.savePicture).toHaveBeenLastCalledWith(
          "../examples/images/sample-2.png",
          { size: 36, src: "out.jpg" }
        );
      });
  });

  test("read JSON", () => {
    rjInstance.processRawItem = jest.fn();
    return rjInstance
      .processRawFiles([
        "D:\\Dropbox\\Programming\\Web Development\\_Packages\\ResponsiveJSONWebpackPlugin\\test\\examples\\templates\\pure.json"
      ])
      .then(result => {
        expect(result).toHaveLength(1);
        expect(result[0]).toHaveLength(3);
        expect(rjInstance.processRawItem).toHaveBeenCalledTimes(4);
      });
  });

  test("reject invalid JSON", () => {
    rjInstance.processRawItem = jest.fn();
    rjInstance.logErrors = jest.fn();
    return rjInstance
      .processRawFiles([
        "D:\\Dropbox\\Programming\\Web Development\\_Packages\\ResponsiveJSONWebpackPlugin\\test\\examples\\templates\\invalid.json"
      ])
      .then(() => {
        expect(rjInstance.logErrors).toHaveBeenCalled();
      });
  });
});