@webiny/app-aco 6.0.0-beta.0 → 6.0.0-rc.0

package/components/AdvancedSearch/AdvancedSearchPresenter.test.js

@@ -1,86 +1,90 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _AdvancedSearchPresenter = require("./AdvancedSearchPresenter");
-var _domain = require("./domain");
-var mockGateway = {
-  list: jest.fn(),
-  get: jest.fn(),
-  create: jest.fn(),
-  update: jest.fn(),
-  delete: jest.fn()
+import { describe, it, vi, expect, beforeEach } from "vitest";
+import { AdvancedSearchPresenter } from "./AdvancedSearchPresenter.js";
+import { FilterRepository, Operation } from "./domain/index.js";
+const mockGateway = {
+  list: vi.fn(),
+  get: vi.fn(),
+  create: vi.fn(),
+  update: vi.fn(),
+  delete: vi.fn()
 };
-var createMockGateway = function createMockGateway(_ref) {
-  var list = _ref.list,
-    get = _ref.get,
-    create = _ref.create,
-    update = _ref.update,
-    deleteFn = _ref.delete;
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, mockGateway), list && {
-    list: list
-  }), get && {
-    get: get
-  }), create && {
-    create: create
-  }), update && {
-    update: update
-  }), deleteFn && {
+const createMockGateway = ({
+  list,
+  get,
+  create,
+  update,
+  delete: deleteFn
+}) => ({
+  ...mockGateway,
+  ...(list && {
+    list
+  }),
+  ...(get && {
+    get
+  }),
+  ...(create && {
+    create
+  }),
+  ...(update && {
+    update
+  }),
+  ...(deleteFn && {
     delete: deleteFn
-  });
-};
-describe("AdvancedSearchPresenter", function () {
-  var namespace = "namespace";
-  var demoFilter = {
+  })
+});
+describe("AdvancedSearchPresenter", () => {
+  const namespace = "namespace";
+  const demoFilter = {
     field: "any-field",
     value: "any-value",
     condition: "any-condition"
   };
-  var demoGroup = {
-    operation: _domain.Operation.AND,
+  const demoGroup = {
+    operation: Operation.AND,
     filters: [demoFilter]
   };
-  var filter1 = {
+  const filter1 = {
     id: "filter-1",
     name: "Filter 1",
     description: "Filter description",
-    operation: _domain.Operation.AND,
+    operation: Operation.AND,
     groups: [demoGroup],
     createdOn: new Date().toString()
   };
-  var filter2 = {
+  const filter2 = {
     id: "filter-2",
     name: "Filter 2",
-    operation: _domain.Operation.AND,
+    operation: Operation.AND,
     groups: [demoGroup],
     createdOn: new Date().toString()
   };
-  var gateway = createMockGateway({
-    list: jest.fn().mockImplementation(function () {
+  const gateway = createMockGateway({
+    list: vi.fn().mockImplementation(() => {
       return Promise.resolve([filter1, filter2]);
     }),
-    get: jest.fn().mockImplementation(function () {
+    get: vi.fn().mockImplementation(() => {
       return Promise.resolve(filter1);
     }),
-    create: jest.fn().mockImplementation(function () {
+    create: vi.fn().mockImplementation(() => {
       return Promise.resolve(filter1);
     }),
-    update: jest.fn().mockImplementation(function () {
-      return Promise.resolve((0, _objectSpread2.default)((0, _objectSpread2.default)({}, filter1), {}, {
+    update: vi.fn().mockImplementation(() => {
+      return Promise.resolve({
+        ...filter1,
         name: "Filter 1 - Edit"
-      }));
+      });
     }),
-    delete: jest.fn().mockImplementation(function () {
+    delete: vi.fn().mockImplementation(() => {
       return Promise.resolve(true);
     })
   });
-  var presenter;
-  beforeEach(function () {
-    jest.clearAllMocks();
-    var repository = new _domain.FilterRepository(gateway, namespace);
-    presenter = new _AdvancedSearchPresenter.AdvancedSearchPresenter(repository);
+  let presenter;
+  beforeEach(() => {
+    vi.clearAllMocks();
+    const repository = new FilterRepository(gateway, namespace);
+    presenter = new AdvancedSearchPresenter(repository);
   });
-  it("should create a presenter and list filters from the gateway", async function () {
+  it("should create a presenter and list filters from the gateway", async () => {
     // let's load some filters
     await presenter.load();
     expect(gateway.list).toBeCalledTimes(1);
@@ -118,8 +122,8 @@ describe("AdvancedSearchPresenter", function () {
       }
     });
   });
-  it("should transition to loading state and then to list state", async function () {
-    var loadPromise = presenter.load();
+  it("should transition to loading state and then to list state", async () => {
+    const loadPromise = presenter.load();
     expect(presenter.vm.managerVm).toMatchObject({
       isOpen: false,
       isLoading: true,
@@ -135,7 +139,7 @@ describe("AdvancedSearchPresenter", function () {
       view: "LIST"
     });
   });
-  it("should be able to apply a filter via filterId", async function () {
+  it("should be able to apply a filter via filterId", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -155,7 +159,7 @@ describe("AdvancedSearchPresenter", function () {
       }
     });
   });
-  it("should be able to apply directly a filter", async function () {
+  it("should be able to apply directly a filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -174,7 +178,7 @@ describe("AdvancedSearchPresenter", function () {
       }
     });
   });
-  it("should be able to unset a filter", async function () {
+  it("should be able to unset a filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -186,7 +190,7 @@ describe("AdvancedSearchPresenter", function () {
       currentFilter: null
     });
   });
-  it("should be able to edit an already applied filter", async function () {
+  it("should be able to edit an already applied filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -201,7 +205,7 @@ describe("AdvancedSearchPresenter", function () {
       }
     });
   });
-  it("should be create a new filter", async function () {
+  it("should be create a new filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -220,9 +224,9 @@ describe("AdvancedSearchPresenter", function () {
         id: "",
         name: "Draft filter",
         description: "",
-        operation: _domain.Operation.AND,
+        operation: Operation.AND,
         groups: [{
-          operation: _domain.Operation.AND,
+          operation: Operation.AND,
           filters: [{
             field: "",
             condition: "",
@@ -242,13 +246,13 @@ describe("AdvancedSearchPresenter", function () {
     });
 
     // Let's change the Filter and open the saver
-    var filter = {
+    const filter = {
       id: "",
       name: "Draft filter",
       description: "",
-      operation: _domain.Operation.AND,
+      operation: Operation.AND,
       groups: [{
-        operation: _domain.Operation.OR,
+        operation: Operation.OR,
         filters: [{
           field: "Field value",
           condition: "field_condition",
@@ -271,7 +275,7 @@ describe("AdvancedSearchPresenter", function () {
     });
 
     // Let's save it via the gateway
-    var persistPromise = presenter.persistFilter(filter);
+    const persistPromise = presenter.persistFilter(filter);
 
     // Let's check the transition to loading state
     expect(presenter.vm.saverVm).toMatchObject({
@@ -285,8 +289,8 @@ describe("AdvancedSearchPresenter", function () {
       id: expect.any(String),
       name: "Draft filter",
       description: "",
-      namespace: namespace,
-      operation: _domain.Operation.AND,
+      namespace,
+      operation: Operation.AND,
       groups: [filter.groups[0]]
     });
     expect(presenter.vm).toMatchObject({
@@ -316,7 +320,7 @@ describe("AdvancedSearchPresenter", function () {
       createdOn: filter1.createdOn
     });
   });
-  it("should be able to update an existing filter", async function () {
+  it("should be able to update an existing filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -344,16 +348,17 @@ describe("AdvancedSearchPresenter", function () {
     });
 
     // Let's change the Filter and open the saver
-    var filter = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, filter1), {}, {
+    const filter = {
+      ...filter1,
       groups: [{
-        operation: _domain.Operation.OR,
+        operation: Operation.OR,
         filters: [{
           field: "Field value",
           condition: "field_condition",
           value: "Any value"
         }]
       }]
-    });
+    };
     presenter.saveFilter(filter);
     expect(presenter.vm).toMatchObject({
       currentFilter: filter,
@@ -369,7 +374,7 @@ describe("AdvancedSearchPresenter", function () {
     });
 
     // Let's save it via the gateway
-    var persistPromise = presenter.persistFilter(filter);
+    const persistPromise = presenter.persistFilter(filter);
 
     // Let's check the transition to loading state
     expect(presenter.vm.saverVm).toMatchObject({
@@ -383,7 +388,7 @@ describe("AdvancedSearchPresenter", function () {
       id: "filter-1",
       name: "Filter 1",
       description: "Filter description",
-      operation: _domain.Operation.AND,
+      operation: Operation.AND,
       groups: [filter.groups[0]]
     });
     expect(presenter.vm).toMatchObject({
@@ -413,7 +418,7 @@ describe("AdvancedSearchPresenter", function () {
       createdOn: filter1.createdOn
     });
   });
-  it("should be able to rename a filter", async function () {
+  it("should be able to rename a filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -441,9 +446,10 @@ describe("AdvancedSearchPresenter", function () {
     });
 
     // Let's save it via the gateway
-    var persistPromise = presenter.persistFilter((0, _objectSpread2.default)((0, _objectSpread2.default)({}, filter1), {}, {
-      name: "".concat(filter1.name, " - Edit")
-    }));
+    const persistPromise = presenter.persistFilter({
+      ...filter1,
+      name: `${filter1.name} - Edit`
+    });
 
     // Let's check the transition to loading state
     expect(presenter.vm.saverVm).toMatchObject({
@@ -455,9 +461,9 @@ describe("AdvancedSearchPresenter", function () {
     expect(gateway.update).toBeCalledTimes(1);
     expect(gateway.update).toHaveBeenCalledWith({
       id: "filter-1",
-      name: "".concat(filter1.name, " - Edit"),
+      name: `${filter1.name} - Edit`,
       description: "Filter description",
-      operation: _domain.Operation.AND,
+      operation: Operation.AND,
       groups: [filter1.groups[0]]
     });
     expect(presenter.vm).toMatchObject({
@@ -472,7 +478,7 @@ describe("AdvancedSearchPresenter", function () {
       },
       feedbackVm: {
         isOpen: true,
-        message: "Filter \"".concat(filter1.name, " - Edit\" was successfully updated.")
+        message: `Filter "${filter1.name} - Edit" was successfully updated.`
       }
     });
 
@@ -482,12 +488,12 @@ describe("AdvancedSearchPresenter", function () {
     expect(presenter.vm.managerVm.filters.length).toBe(2);
     expect(presenter.vm.managerVm.filters[0]).toEqual({
       id: filter1.id,
-      name: "".concat(filter1.name, " - Edit"),
+      name: `${filter1.name} - Edit`,
       description: filter1.description,
       createdOn: filter1.createdOn
     });
   });
-  it("should be able to clone a filter", async function () {
+  it("should be able to clone a filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -501,10 +507,11 @@ describe("AdvancedSearchPresenter", function () {
 
     // Let's clone a filter
     await presenter.cloneFilter("filter-1");
-    var clonedFilter = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, filter1), {}, {
+    const clonedFilter = {
+      ...filter1,
       id: "",
-      name: "Clone of ".concat(filter1.name)
-    });
+      name: `Clone of ${filter1.name}`
+    };
     expect(presenter.vm).toMatchObject({
       currentFilter: clonedFilter,
       managerVm: {
@@ -532,7 +539,7 @@ describe("AdvancedSearchPresenter", function () {
     });
 
     // Let's save it via the gateway
-    var persistPromise = presenter.persistFilter(clonedFilter);
+    const persistPromise = presenter.persistFilter(clonedFilter);
 
     // Let's check the transition to loading state
     expect(presenter.vm.saverVm).toMatchObject({
@@ -544,10 +551,10 @@ describe("AdvancedSearchPresenter", function () {
     expect(gateway.create).toBeCalledTimes(1);
     expect(gateway.create).toHaveBeenCalledWith({
       id: expect.any(String),
-      name: "Clone of ".concat(filter1.name),
+      name: `Clone of ${filter1.name}`,
       description: "Filter description",
-      namespace: namespace,
-      operation: _domain.Operation.AND,
+      namespace,
+      operation: Operation.AND,
       groups: [filter1.groups[0]]
     });
     expect(presenter.vm).toMatchObject({
@@ -562,7 +569,7 @@ describe("AdvancedSearchPresenter", function () {
       },
       feedbackVm: {
         isOpen: true,
-        message: "Filter \"Clone of ".concat(filter1.name, "\" was successfully created.")
+        message: `Filter "Clone of ${filter1.name}" was successfully created.`
       }
     });
 
@@ -570,7 +577,7 @@ describe("AdvancedSearchPresenter", function () {
     presenter.openManager();
     expect(presenter.vm.managerVm.filters.length).toBe(3);
   });
-  it("should be able to delete a filter", async function () {
+  it("should be able to delete a filter", async () => {
     // let's load some filters
     await presenter.load();
 
@@ -605,13 +612,13 @@ describe("AdvancedSearchPresenter", function () {
       createdOn: filter2.createdOn
     });
   });
-  it("should be able to handle an empty list - error from the gateway", async function () {
-    var message = "Gateway error while listing filters";
-    var gateway = createMockGateway({
-      list: jest.fn().mockRejectedValue(new Error(message))
+  it("should be able to handle an empty list - error from the gateway", async () => {
+    const message = "Gateway error while listing filters";
+    const gateway = createMockGateway({
+      list: vi.fn().mockRejectedValue(new Error(message))
     });
-    var repository = new _domain.FilterRepository(gateway, namespace);
-    var presenter = new _AdvancedSearchPresenter.AdvancedSearchPresenter(repository);
+    const repository = new FilterRepository(gateway, namespace);
+    const presenter = new AdvancedSearchPresenter(repository);
 
     // Let's load the app, without filters
     await presenter.load();
@@ -624,29 +631,30 @@ describe("AdvancedSearchPresenter", function () {
       },
       feedbackVm: {
         isOpen: true,
-        message: message
+        message
       }
     });
   });
-  it("should be able to handle error while creating the filter", async function () {
-    var message = "Gateway error while creating filter";
-    var createGateway = createMockGateway((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gateway), {}, {
-      create: jest.fn().mockRejectedValue(new Error(message))
-    }));
-    var repository = new _domain.FilterRepository(createGateway, namespace);
-    var presenter = new _AdvancedSearchPresenter.AdvancedSearchPresenter(repository);
+  it("should be able to handle error while creating the filter", async () => {
+    const message = "Gateway error while creating filter";
+    const createGateway = createMockGateway({
+      ...gateway,
+      create: vi.fn().mockRejectedValue(new Error(message))
+    });
+    const repository = new FilterRepository(createGateway, namespace);
+    const presenter = new AdvancedSearchPresenter(repository);
 
     // Let's load some filters
     await presenter.load();
 
     // Let's try to save a Filter
-    var filter = {
+    const filter = {
       id: "",
       name: "Draft filter",
       description: "",
-      operation: _domain.Operation.AND,
+      operation: Operation.AND,
       groups: [{
-        operation: _domain.Operation.OR,
+        operation: Operation.OR,
         filters: [{
           field: "Field value",
           condition: "field_condition",
@@ -658,40 +666,43 @@ describe("AdvancedSearchPresenter", function () {
     expect(presenter.vm).toMatchObject({
       feedbackVm: {
         isOpen: true,
-        message: message
+        message
       }
     });
   });
-  it("should be able to handle error while updating a filter", async function () {
-    var message = "Gateway error while updating filter";
-    var updateGateway = createMockGateway((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gateway), {}, {
-      update: jest.fn().mockRejectedValue(new Error(message))
-    }));
-    var repository = new _domain.FilterRepository(updateGateway, namespace);
-    var presenter = new _AdvancedSearchPresenter.AdvancedSearchPresenter(repository);
+  it("should be able to handle error while updating a filter", async () => {
+    const message = "Gateway error while updating filter";
+    const updateGateway = createMockGateway({
+      ...gateway,
+      update: vi.fn().mockRejectedValue(new Error(message))
+    });
+    const repository = new FilterRepository(updateGateway, namespace);
+    const presenter = new AdvancedSearchPresenter(repository);
 
     // Let's load some filters
     await presenter.load();
 
     // Let's try to save a Filter
-    var filter = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, filter1), {}, {
+    const filter = {
+      ...filter1,
       name: filter1 + " - Edit"
-    });
+    };
     await presenter.persistFilter(filter);
     expect(presenter.vm).toMatchObject({
       feedbackVm: {
         isOpen: true,
-        message: message
+        message
       }
     });
   });
-  it("should be able to handle error while deleting a filter", async function () {
-    var message = "Gateway error while deleting filter";
-    var updateGateway = createMockGateway((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gateway), {}, {
-      delete: jest.fn().mockRejectedValue(new Error(message))
-    }));
-    var repository = new _domain.FilterRepository(updateGateway, namespace);
-    var presenter = new _AdvancedSearchPresenter.AdvancedSearchPresenter(repository);
+  it("should be able to handle error while deleting a filter", async () => {
+    const message = "Gateway error while deleting filter";
+    const updateGateway = createMockGateway({
+      ...gateway,
+      delete: vi.fn().mockRejectedValue(new Error(message))
+    });
+    const repository = new FilterRepository(updateGateway, namespace);
+    const presenter = new AdvancedSearchPresenter(repository);
 
     // Let's load some filters
     await presenter.load();
@@ -699,11 +710,11 @@ describe("AdvancedSearchPresenter", function () {
     expect(presenter.vm).toMatchObject({
       feedbackVm: {
         isOpen: true,
-        message: message
+        message
       }
     });
   });
-  it("should be able to show a feedback message", async function () {
+  it("should be able to show a feedback message", async () => {
     // let's load some filters
     await presenter.load();