photoprism/frontend/tests/unit/common/clipboard_test.js

import { Clipboard } from "common/clipboard";
import Photo from "model/photo";
import Album from "model/album";
import StorageShim from "node-storage-shim";

window.__CONFIG__ = {
  name: "PhotoPrism",
  version: "201213-283748ca-Linux-x86_64-DEBUG",
  copyright: "(c) 2018-2021 Michael Mayer \u003chello@photoprism.org\u003e",
  flags: "public debug experimental settings",
  siteUrl: "http://localhost:2342/",
  sitePreview: "http://localhost:2342/static/img/preview.jpg",
  siteTitle: "PhotoPrism",
  siteCaption: "Browse Your Life",
  siteDescription: "Open-Source Photo Management",
  siteAuthor: "@photoprism_app",
  debug: true,
  readonly: false,
  uploadNSFW: false,
  public: true,
  experimental: true,
  disableSettings: false,
  albumCategories: null,
  albums: [],
  cameras: [
    { ID: 6, Slug: "apple-iphone-5s", Name: "Apple iPhone 5s", Make: "Apple", Model: "iPhone 5s" },
    { ID: 7, Slug: "apple-iphone-6", Name: "Apple iPhone 6", Make: "Apple", Model: "iPhone 6" },
    { ID: 8, Slug: "apple-iphone-se", Name: "Apple iPhone SE", Make: "Apple", Model: "iPhone SE" },
    { ID: 2, Slug: "canon-eos-5d", Name: "Canon EOS 5D", Make: "Canon", Model: "EOS 5D" },
    { ID: 4, Slug: "canon-eos-6d", Name: "Canon EOS 6D", Make: "Canon", Model: "EOS 6D" },
    { ID: 5, Slug: "canon-eos-7d", Name: "Canon EOS 7D", Make: "Canon", Model: "EOS 7D" },
    { ID: 9, Slug: "huawei-p30", Name: "HUAWEI P30", Make: "HUAWEI", Model: "P30" },
    { ID: 3, Slug: "olympus-c2500l", Name: "Olympus C2500L", Make: "Olympus", Model: "C2500L" },
    { ID: 1, Slug: "zz", Name: "Unknown", Make: "", Model: "Unknown" },
  ],
  lenses: [
    {
      ID: 2,
      Slug: "24-0-105-0-mm",
      Name: "24.0 - 105.0 mm",
      Make: "",
      Model: "24.0 - 105.0 mm",
      Type: "",
    },
    {
      ID: 7,
      Slug: "apple-iphone-5s-back-camera-4-12mm-f-2-2",
      Name: "Apple iPhone 5s back camera 4.12mm f/2.2",
      Make: "Apple",
      Model: "iPhone 5s back camera 4.12mm f/2.2",
      Type: "",
    },
    {
      ID: 9,
      Slug: "apple-iphone-6-back-camera-4-15mm-f-2-2",
      Name: "Apple iPhone 6 back camera 4.15mm f/2.2",
      Make: "Apple",
      Model: "iPhone 6 back camera 4.15mm f/2.2",
      Type: "",
    },
    {
      ID: 10,
      Slug: "apple-iphone-se-back-camera-4-15mm-f-2-2",
      Name: "Apple iPhone SE back camera 4.15mm f/2.2",
      Make: "Apple",
      Model: "iPhone SE back camera 4.15mm f/2.2",
      Type: "",
    },
    {
      ID: 3,
      Slug: "ef100mm-f-2-8l-macro-is-usm",
      Name: "EF100mm f/2.8L Macro IS USM",
      Make: "",
      Model: "EF100mm f/2.8L Macro IS USM",
      Type: "",
    },
    {
      ID: 6,
      Slug: "ef16-35mm-f-2-8l-ii-usm",
      Name: "EF16-35mm f/2.8L II USM",
      Make: "",
      Model: "EF16-35mm f/2.8L II USM",
      Type: "",
    },
    {
      ID: 4,
      Slug: "ef24-105mm-f-4l-is-usm",
      Name: "EF24-105mm f/4L IS USM",
      Make: "",
      Model: "EF24-105mm f/4L IS USM",
      Type: "",
    },
    {
      ID: 8,
      Slug: "ef35mm-f-2-is-usm",
      Name: "EF35mm f/2 IS USM",
      Make: "",
      Model: "EF35mm f/2 IS USM",
      Type: "",
    },
    {
      ID: 5,
      Slug: "ef70-200mm-f-4l-is-usm",
      Name: "EF70-200mm f/4L IS USM",
      Make: "",
      Model: "EF70-200mm f/4L IS USM",
      Type: "",
    },
    { ID: 1, Slug: "zz", Name: "Unknown", Make: "", Model: "Unknown", Type: "" },
  ],
  countries: [
    { ID: "at", Slug: "austria", Name: "Austria" },
    { ID: "bw", Slug: "botswana", Name: "Botswana" },
    { ID: "ca", Slug: "canada", Name: "Canada" },
    { ID: "cu", Slug: "cuba", Name: "Cuba" },
    { ID: "fr", Slug: "france", Name: "France" },
    { ID: "de", Slug: "germany", Name: "Germany" },
    { ID: "gr", Slug: "greece", Name: "Greece" },
    { ID: "it", Slug: "italy", Name: "Italy" },
    { ID: "za", Slug: "south-africa", Name: "South Africa" },
    { ID: "ch", Slug: "switzerland", Name: "Switzerland" },
    { ID: "gb", Slug: "united-kingdom", Name: "United Kingdom" },
    { ID: "us", Slug: "usa", Name: "USA" },
    { ID: "zz", Slug: "zz", Name: "Unknown" },
  ],
  thumbs: [
    { size: "fit_720", use: "Mobile, TV", w: 720, h: 720 },
    { size: "fit_1280", use: "Mobile, HD Ready TV", w: 1280, h: 1024 },
    { size: "fit_1920", use: "Mobile, Full HD TV", w: 1920, h: 1200 },
    { size: "fit_2048", use: "Tablets, Cinema 2K", w: 2048, h: 2048 },
    { size: "fit_2560", use: "Quad HD, Retina Display", w: 2560, h: 1600 },
    { size: "fit_4096", use: "Ultra HD, Retina 4K", w: 4096, h: 4096 },
    { size: "fit_7680", use: "8K Ultra HD 2, Retina 6K", w: 7680, h: 4320 },
  ],
  status: "unregistered",
  mapKey: "jOTd5JGKYQV1fiAW4UZO",
  downloadToken: "2lbh9x09",
  previewToken: "public",
  jsHash: "6d752756",
  cssHash: "c5bb9de2",
  settings: {
    ui: { scrollbar: true, theme: "default", language: "en" },
    templates: { default: "index.tmpl" },
    maps: { animate: 0, style: "streets" },
    features: {
      upload: true,
      download: true,
      private: true,
      review: true,
      files: true,
      moments: true,
      labels: true,
      places: true,
      edit: true,
      archive: true,
      delete: false,
      share: true,
      library: true,
      import: true,
      logs: true,
    },
    import: { path: "/", move: false },
    index: { path: "/", convert: true, rescan: false },
    stack: { uuid: true, meta: true, name: true },
    share: { title: "" },
  },
  count: {
    cameras: 8,
    lenses: 9,
    countries: 12,
    photos: 105,
    videos: 1,
    hidden: 0,
    favorites: 12,
    private: 1,
    review: 2,
    stories: 0,
    albums: 0,
    moments: 5,
    months: 38,
    folders: 3,
    files: 211,
    places: 44,
    states: 20,
    labels: 36,
    labelMaxPhotos: 12,
  },
  pos: {
    uid: "pql8ug81ssr670tu",
    cid: "s2:47a85a624184",
    utc: "2020-08-31T16:03:10Z",
    lat: 52.4525,
    lng: 13.3092,
  },
  years: [2020, 2019, 2018, 2017, 2016, 2015, 2014, 2013, 2012, 2011, 2010, 2002],
  colors: [
    { Example: "#AB47BC", Name: "Purple", Slug: "purple" },
    { Example: "#FF00FF", Name: "Magenta", Slug: "magenta" },
    { Example: "#EC407A", Name: "Pink", Slug: "pink" },
    { Example: "#EF5350", Name: "Red", Slug: "red" },
    { Example: "#FFA726", Name: "Orange", Slug: "orange" },
    { Example: "#D4AF37", Name: "Gold", Slug: "gold" },
    { Example: "#FDD835", Name: "Yellow", Slug: "yellow" },
    { Example: "#CDDC39", Name: "Lime", Slug: "lime" },
    { Example: "#66BB6A", Name: "Green", Slug: "green" },
    { Example: "#009688", Name: "Teal", Slug: "teal" },
    { Example: "#00BCD4", Name: "Cyan", Slug: "cyan" },
    { Example: "#2196F3", Name: "Blue", Slug: "blue" },
    { Example: "#A1887F", Name: "Brown", Slug: "brown" },
    { Example: "#F5F5F5", Name: "White", Slug: "white" },
    { Example: "#9E9E9E", Name: "Grey", Slug: "grey" },
    { Example: "#212121", Name: "Black", Slug: "black" },
  ],
  categories: [
    { UID: "lql8ufjaz5laqysi", Slug: "animal", Name: "Animal" },
    { UID: "lql8ufy1doog8nj1", Slug: "architecture", Name: "Architecture" },
    { UID: "lql8ug744yjdmak5", Slug: "beach", Name: "Beach" },
    { UID: "lql8ufo2s9bjihwi", Slug: "beetle", Name: "Beetle" },
    { UID: "lql8ufk3uptwjvg3", Slug: "bird", Name: "Bird" },
    { UID: "lql8ufj3j6r3w5nm", Slug: "building", Name: "Building" },
    { UID: "lql8ufi2gjxy6361", Slug: "car", Name: "Car" },
    { UID: "lql8ufj1sf295op8", Slug: "cat", Name: "Cat" },
    { UID: "lql8ufs36d538t93", Slug: "farm", Name: "Farm" },
    { UID: "lql8ufj1lfp81sdt", Slug: "insect", Name: "Insect" },
    { UID: "lql8ufi1th1xe3te", Slug: "landscape", Name: "Landscape" },
    { UID: "lql8uft3u38k3yzm", Slug: "monkey", Name: "Monkey" },
    { UID: "lql8ufi1g2tjncrj", Slug: "mountains", Name: "Mountains" },
    { UID: "lql8ufi3fn64dtpn", Slug: "nature", Name: "Nature" },
    { UID: "lql8ufi204pq0lr1", Slug: "plant", Name: "Plant" },
    { UID: "lql8ug118d50qdln", Slug: "reptile", Name: "Reptile" },
    { UID: "lql8ufi1ucnpvw4w", Slug: "shop", Name: "Shop" },
    { UID: "lql8ufv1zz33ie3d", Slug: "snow", Name: "Snow" },
    { UID: "lql8ufy1bpizwiah", Slug: "tower", Name: "Tower" },
    { UID: "lql8ufiv8ks762y1", Slug: "vehicle", Name: "Vehicle" },
    { UID: "lql8ug02bt57syc8", Slug: "water", Name: "Water" },
    { UID: "lql8ufo19zyipy8i", Slug: "wildlife", Name: "Wildlife" },
  ],
  clip: 160,
  server: {
    cores: 6,
    routines: 16,
    memory: { used: 358461896, reserved: 562501688, info: "Used 358 MB / Reserved 562 MB" },
  },
};

let chai = require("chai/chai");
let assert = chai.assert;
let sinon = require("sinon");

describe("common/clipboard", () => {
  it("should construct clipboard", () => {
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    assert.equal(clipboard.storageKey, "clipboard");
    assert.equal(clipboard.selection, "");
  });

  it("should toggle model", () => {
    // let spy = sinon.spy(console, "log");
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.toggle();
    // assert(spy.calledWith("Clipboard::isModel() - empty model"));
    assert.equal(clipboard.storageKey, "clipboard");
    assert.equal(clipboard.selection, "");

    const values = { ID: 5, UID: "ABC123", Title: "Crazy Cat" };
    const photo = new Photo(values);
    clipboard.toggle(photo);
    assert.equal(clipboard.selection[0], "ABC123");
    const values2 = { ID: 8, UID: "ABC124", Title: "Crazy Cat" };
    const photo2 = new Photo(values2);
    clipboard.toggle(photo2);
    assert.equal(clipboard.selection[0], "ABC123");
    assert.equal(clipboard.selection[1], "ABC124");
    clipboard.toggle(photo);
    assert.equal(clipboard.selection[0], "ABC124");
    // console.log.restore();
  });

  it("should toggle id", () => {
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.toggleId(3);
    assert.equal(clipboard.selection[0], 3);
    clipboard.toggleId(3);
    assert.equal(clipboard.selection, "");
  });

  it("should add model", () => {
    //let spy = sinon.spy(console, "log");
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.add();
    assert.equal(clipboard.storageKey, "clipboard");
    assert.equal(clipboard.selection, "");
    // assert(spy.calledWith("Clipboard::add() - not a model:"));

    const values = { ID: 5, UID: "ABC124", Title: "Crazy Cat" };
    const photo = new Photo(values);
    clipboard.add(photo);
    assert.equal(clipboard.selection[0], "ABC124");
    clipboard.add(photo);
    assert.equal(clipboard.selection[0], "ABC124");
    // console.log.restore();
  });

  it("should add id", () => {
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.addId(99);
    assert.equal(clipboard.selection[0], 99);
  });

  it("should test whether clipboard has model", () => {
    // let spy = sinon.spy(console, "log");
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.has();
    assert.equal(clipboard.storageKey, "clipboard");
    assert.equal(clipboard.selection, "");
    // assert(spy.calledWith("Clipboard::has() - not a model:"));

    const values = { ID: 5, UID: "ABC124", Title: "Crazy Cat" };
    const photo = new Photo(values);
    clipboard.add(photo);
    assert.equal(clipboard.selection[0], "ABC124");
    const result = clipboard.has(photo);
    assert.equal(result, true);
    const values2 = { ID: 5, Title: "Christmas 2019", Slug: "christmas-2019", UID: 66 };
    const album = new Album(values2);
    const result2 = clipboard.has(album);
    assert.equal(result2, false);
    // console.log.restore();
  });

  it("should test whether clipboard has id", () => {
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.addId(77);
    assert.equal(clipboard.hasId(77), true);
    assert.equal(clipboard.hasId(78), false);
  });

  it("should remove model", () => {
    // let spy = sinon.spy(console, "log");
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.remove();
    assert.equal(clipboard.storageKey, "clipboard");
    assert.equal(clipboard.selection, "");
    // assert(spy.calledWith("Clipboard::remove() - not a model:"));

    const values = { ID: 5, UID: "ABC123", Title: "Crazy Cat" };
    const photo = new Photo(values);
    clipboard.add(photo);
    assert.equal(clipboard.selection[0], "ABC123");

    clipboard.remove(photo);
    assert.equal(clipboard.selection, "");
    const values2 = { ID: 5, Name: "Christmas 2019", Slug: "christmas-2019", UID: 66 };
    const album = new Album(values2);
    clipboard.remove(album);
    assert.equal(clipboard.selection, "");
    // console.log.restore();
  });

  it("should set and get ids", () => {
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.setIds(8);
    assert.equal(clipboard.selection, "");
    clipboard.setIds([5, 6, 9]);
    assert.equal(clipboard.selection[0], 5);
    assert.equal(clipboard.selection[2], 9);
    const result = clipboard.getIds();
    assert.equal(result[1], 6);
    assert.equal(result.length, 3);
  });

  it("should clear", () => {
    const storage = new StorageShim();
    const key = "clipboard";

    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    clipboard.setIds([5, 6, 9]);
    assert.equal(clipboard.selection[0], 5);
    clipboard.clear();
    assert.equal(clipboard.selection, "");
  });

  it("should add range", () => {
    const storage = new StorageShim();
    const key = "clipboard";
    const clipboard = new Clipboard(storage, key);
    clipboard.clear();
    const values = { ID: 5, UID: "ABC124", Title: "Crazy Cat" };
    const photo = new Photo(values);
    const values2 = { ID: 6, UID: "ABC125", Title: "Crazy Dog" };
    const photo2 = new Photo(values2);
    const values3 = { ID: 7, UID: "ABC128", Title: "Cute Dog" };
    const photo3 = new Photo(values3);
    const values4 = { ID: 8, UID: "ABC129", Title: "Turtle" };
    const photo4 = new Photo(values4);
    const Photos = [photo, photo2, photo3, photo4];
    clipboard.addRange(2);
    assert.equal(clipboard.selection.length, 0);
    clipboard.clear();
    clipboard.addRange(2, Photos);
    assert.equal(clipboard.selection[0], "ABC128");
    assert.equal(clipboard.selection.length, 1);
    clipboard.addRange(1, Photos);
    assert.equal(clipboard.selection.length, 2);
    assert.equal(clipboard.selection[0], "ABC128");
    assert.equal(clipboard.selection[1], "ABC125");
    clipboard.clear();
    clipboard.add(photo);
    assert.equal(clipboard.selection.length, 1);
    clipboard.addRange(3, Photos);
    assert.equal(clipboard.selection.length, 4);
  });
});