@digigov/ui 1.2.0-dcbd7ded → 2.0.0-7d9a8d86

package/api/index.spec/index.js

@@ -1,73 +1,65 @@
-import _typeof from "@babel/runtime/helpers/typeof";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/extends";
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
-/* eslint-disable @typescript-eslint/explicit-function-return-type */
-import React, { Suspense, useEffect } from 'react';
-import { render, fireEvent } from '@testing-library/react';
-import fetchMock from 'fetch-mock';
-import fetchAPI from '@digigov/ui/api/fetchAPI';
-import { APIProvider, useResource, useResourceAction, useResourceMany, APIErrors } from '@digigov/ui/api/index';
-import delay from '@digigov/ui/test-utils/delay';
-import 'whatwg-fetch';
-var _ref2 = /*#__PURE__*/React.createElement("span", null, "something went wrong");
-var HandleError = function HandleError(_ref) {
-  var error = _ref.error;
-  if (error.name === 'APIError') {
+import React, {Suspense, useEffect} from "react";
+import {render, fireEvent} from "@testing-library/react";
+import fetchMock from "fetch-mock";
+import fetchAPI from "@digigov/ui/api/fetchAPI";
+import {
+  APIProvider,
+  useResource,
+  useResourceAction,
+  useResourceMany,
+  APIErrors
+} from "@digigov/ui/api/index";
+import delay from "@digigov/ui/test-utils/delay";
+import "whatwg-fetch";
+const HandleError = ({error}) => {
+  if (error.name === "APIError") {
     error = error.error;
     if (error.status === 404) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, "Not found");
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, "Not found");
     }
   }
-  // TODO: render the <SomethingWentWrong /> page here
-  return _ref2;
+  return /* @__PURE__ */ React.createElement("span", null, "something went wrong");
 };
-var makeWrapper = function makeWrapper(_ref3) {
-  var config = _ref3.config,
-    token = _ref3.token;
-  return function (_ref4) {
-    var children = _ref4.children;
-    return /*#__PURE__*/React.createElement(Suspense, {
-      fallback: 'Loading'
-    }, /*#__PURE__*/React.createElement(APIErrors, {
-      fallback: HandleError
-    }, /*#__PURE__*/React.createElement(APIProvider, {
-      config: config,
-      token: token
-    }, children)));
-  };
-};
-var BASE_URL = 'http://test/api';
-var TOKEN = 'mytoken';
-var DELAY = 100;
-var buildMockOptions = function buildMockOptions(_ref5) {
-  var resource = _ref5.resource,
-    _ref5$method = _ref5.method,
-    method = _ref5$method === void 0 ? 'GET' : _ref5$method,
-    _ref5$authenticated = _ref5.authenticated,
-    authenticated = _ref5$authenticated === void 0 ? true : _ref5$authenticated,
-    _ref5$query = _ref5.query,
-    query = _ref5$query === void 0 ? {} : _ref5$query,
-    response = _ref5.response,
-    _ref5$delay = _ref5.delay,
-    delay = _ref5$delay === void 0 ? DELAY / 2 : _ref5$delay;
-  var headers = {
-    'content-type': 'application/json'
-  };
-  var options = {
-    delay: delay
+const makeWrapper = ({config, token}) => ({
+  children
+}) => /* @__PURE__ */ React.createElement(Suspense, {
+  fallback: "Loading"
+}, /* @__PURE__ */ React.createElement(APIErrors, {
+  fallback: HandleError
+}, /* @__PURE__ */ React.createElement(APIProvider, {
+  config,
+  token
+}, children)));
+const BASE_URL = "http://test/api";
+const TOKEN = "mytoken";
+const DELAY = 100;
+const buildMockOptions = ({
+  resource,
+  method = "GET",
+  authenticated = true,
+  query = {},
+  response,
+  delay: delay2 = DELAY / 2
+}) => {
+  const headers = {
+    "content-type": "application/json"
   };
+  const options = {delay: delay2};
   if (authenticated) {
-    headers.Authorization = "Token ".concat(TOKEN);
+    headers.Authorization = `Token ${TOKEN}`;
   }
-  var params = new URLSearchParams(query).toString();
-  return ["".concat(BASE_URL, "/").concat(resource).concat(params && "?".concat(params)), response, _extends({
-    headers: headers,
-    method: method
-  }, options)];
+  const params = new URLSearchParams(query).toString();
+  return [
+    `${BASE_URL}/${resource}${params && `?${params}`}`,
+    response,
+    {
+      headers,
+      method,
+      ...options
+    }
+  ];
 };
-var getAPI = function getAPI() {
+const getAPI = () => {
   return {
     config: {
       baseURL: BASE_URL
@@ -75,394 +67,242 @@ var getAPI = function getAPI() {
     token: TOKEN
   };
 };
-var wrapper = makeWrapper(getAPI());
-describe('fetchAPI', function () {
+const wrapper = makeWrapper(getAPI());
+describe("fetchAPI", () => {
   fetchMock.config.overwriteRoutes = true;
-  afterAll(function () {
+  afterAll(() => {
     fetchMock.restore();
   });
   beforeEach(fetchMock.resetBehavior);
   beforeEach(fetchMock.resetHistory);
-  it('fetchAPI gets', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var resource, path, _yield$fetchAPI, data;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          resource = 'resource';
-          path = 'some_id';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: "".concat(resource, "/").concat(path, "/"),
-            response: {
-              value: 'SWR'
-            }
-          })));
-          _context.next = 5;
-          return fetchAPI(resource, {
-            path: path
-          }, getAPI());
-        case 5:
-          _yield$fetchAPI = _context.sent;
-          data = _yield$fetchAPI.data;
-          expect(data.value).toBe('SWR');
-          expect(fetchMock.calls()).toHaveLength(1);
-        case 9:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })));
+  it("fetchAPI gets", async () => {
+    const resource = "resource";
+    const path = "some_id";
+    fetchMock.mock(...buildMockOptions({
+      resource: `${resource}/${path}/`,
+      response: {value: "SWR"}
+    }));
+    const {data} = await fetchAPI(resource, {path}, getAPI());
+    expect(data.value).toBe("SWR");
+    expect(fetchMock.calls()).toHaveLength(1);
+  });
 });
-describe('useResource', function () {
+describe("useResource", () => {
   fetchMock.config.overwriteRoutes = true;
-  afterAll(function () {
+  afterAll(() => {
     fetchMock.restore();
   });
   beforeEach(fetchMock.resetBehavior);
   beforeEach(fetchMock.resetHistory);
-  it('useResource should return data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-    var resource, Page, _render, container, _container$firstChild, _container$firstChild2;
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          Page = function _Page() {
-            var _useResource = useResource(resource),
-              data = _useResource.data;
-            return /*#__PURE__*/React.createElement("div", null, "hello, ", data === null || data === void 0 ? void 0 : data.value);
-          };
-          resource = 'resource';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            response: {
-              value: 'SWR'
-            }
-          })));
-          _render = render( /*#__PURE__*/React.createElement(Page, null), {
-            wrapper: wrapper
-          }), container = _render.container;
-          expect(container.firstChild).not.toBe(null);
-          if (!container.firstChild) {
-            _context2.next = 10;
-            break;
-          }
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild = container.firstChild) === null || _container$firstChild === void 0 ? void 0 : _container$firstChild.textContent).toMatchInlineSnapshot("\"hello, \"");
-          _context2.next = 9;
-          return delay(DELAY);
-        case 9:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild2 = container.firstChild) === null || _container$firstChild2 === void 0 ? void 0 : _container$firstChild2.textContent).toMatchInlineSnapshot("\"hello, SWR\"");
-        case 10:
-          expect(fetchMock.calls()).toHaveLength(1);
-        case 11:
-        case "end":
-          return _context2.stop();
-      }
-    }, _callee2);
-  })));
-  it('should run duplicate request once', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-    var _container$firstChild3, _container$firstChild4;
-    var resource, Page, _render2, container;
-    return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          Page = function _Page2() {
-            useResource(resource);
-            var _useResource2 = useResource(resource),
-              duplData = _useResource2.data;
-            return /*#__PURE__*/React.createElement("div", null, "hello, ", duplData === null || duplData === void 0 ? void 0 : duplData.value);
-          };
-          resource = 'dupliresource';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            response: {
-              value: 'myvalue'
-            }
-          })));
-          _render2 = render( /*#__PURE__*/React.createElement(Page, null), {
-            wrapper: wrapper
-          }), container = _render2.container;
-          expect(container.firstChild).not.toBe(null);
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild3 = container.firstChild) === null || _container$firstChild3 === void 0 ? void 0 : _container$firstChild3.textContent).toMatchInlineSnapshot("\"hello, \"");
-          _context3.next = 8;
-          return delay(DELAY);
-        case 8:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild4 = container.firstChild) === null || _container$firstChild4 === void 0 ? void 0 : _container$firstChild4.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
-          expect(fetchMock.calls()).toHaveLength(1);
-        case 10:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  })));
+  it("useResource should return data", async () => {
+    const resource = "resource";
+    function Page() {
+      const {data} = useResource(resource);
+      return /* @__PURE__ */ React.createElement("div", null, "hello, ", data?.value);
+    }
+    fetchMock.mock(...buildMockOptions({resource, response: {value: "SWR"}}));
+    const {container} = render(/* @__PURE__ */ React.createElement(Page, null), {
+      wrapper
+    });
+    expect(container.firstChild).not.toBe(null);
+    if (container.firstChild) {
+      expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, "`);
+      await delay(DELAY);
+      expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, SWR"`);
+    }
+    expect(fetchMock.calls()).toHaveLength(1);
+  });
+  it("should run duplicate request once", async () => {
+    const resource = "dupliresource";
+    function Page() {
+      useResource(resource);
+      const {data: duplData} = useResource(resource);
+      return /* @__PURE__ */ React.createElement("div", null, "hello, ", duplData?.value);
+    }
+    fetchMock.mock(...buildMockOptions({resource, response: {value: "myvalue"}}));
+    const {container} = render(/* @__PURE__ */ React.createElement(Page, null), {
+      wrapper
+    });
+    expect(container.firstChild).not.toBe(null);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, "`);
+    await delay(DELAY);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, myvalue"`);
+    expect(fetchMock.calls()).toHaveLength(1);
+  });
 });
-describe('useResourceAction', function () {
+describe("useResourceAction", () => {
   fetchMock.config.overwriteRoutes = true;
-  afterAll(function () {
+  afterAll(() => {
     fetchMock.restore();
   });
   beforeEach(fetchMock.resetBehavior);
   beforeEach(fetchMock.resetHistory);
-  it('useResourceAction should return result ', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-    var _container$firstChild5, _container$firstChild6;
-    var resource, Page, _render3, container;
-    return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          Page = function _Page3() {
-            var _useResourceAction = useResourceAction(resource, undefined, 'POST', {
-                some: 'data'
-              }, undefined),
-              data = _useResourceAction.data,
-              fetch = _useResourceAction.fetch;
-            useEffect(function () {
-              fetch();
-            }, []);
-            return /*#__PURE__*/React.createElement("div", null, "hello, ", data && data.value);
-          };
-          resource = 'resourceaction';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            response: {
-              value: 'myvalue'
-            },
-            method: 'POST'
-          })));
-          _render3 = render( /*#__PURE__*/React.createElement(Page, null), {
-            wrapper: wrapper
-          }), container = _render3.container;
-          expect(container.firstChild).not.toBe(null);
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild5 = container.firstChild) === null || _container$firstChild5 === void 0 ? void 0 : _container$firstChild5.textContent).toMatchInlineSnapshot("\"hello, \"");
-          _context4.next = 8;
-          return delay(DELAY * 2);
-        case 8:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild6 = container.firstChild) === null || _container$firstChild6 === void 0 ? void 0 : _container$firstChild6.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
-          expect(fetchMock.calls()).toHaveLength(1);
-        case 10:
-        case "end":
-          return _context4.stop();
-      }
-    }, _callee4);
-  })));
-  it('useResourceAction should be invalidated and run twice', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5() {
-    var _container$firstChild7, _container$firstChild8, _container$firstChild9, _container$firstChild10;
-    var resource, Page, _render4, container;
-    return _regeneratorRuntime().wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          Page = function _Page4() {
-            var _useResourceAction2 = useResourceAction(resource, undefined, 'POST', {
-                some: 'data'
-              }, undefined),
-              data = _useResourceAction2.data,
-              fetch = _useResourceAction2.fetch,
-              invalidate = _useResourceAction2.invalidate;
-            useEffect(function () {
-              fetch();
-            }, []);
-            useEffect(function () {
-              setTimeout(function () {
-                invalidate();
-              }, DELAY * 2);
-              setTimeout(function () {
-                fetch();
-              }, DELAY * 3);
-            }, []);
-            return /*#__PURE__*/React.createElement("div", null, "hello, ", data && data.value);
-          };
-          resource = 'resourceactiondouble';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            response: {
-              value: 'myvalue'
-            },
-            method: 'POST'
-          })));
-          _render4 = render( /*#__PURE__*/React.createElement(Page, null), {
-            wrapper: wrapper
-          }), container = _render4.container;
-          expect(container.firstChild).not.toBe(null);
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild7 = container.firstChild) === null || _container$firstChild7 === void 0 ? void 0 : _container$firstChild7.textContent).toMatchInlineSnapshot("\"hello, \"");
-          _context5.next = 8;
-          return delay(DELAY);
-        case 8:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild8 = container.firstChild) === null || _container$firstChild8 === void 0 ? void 0 : _container$firstChild8.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
-          _context5.next = 11;
-          return delay(DELAY);
-        case 11:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild9 = container.firstChild) === null || _container$firstChild9 === void 0 ? void 0 : _container$firstChild9.textContent).toMatchInlineSnapshot("\"hello, \"");
-          _context5.next = 14;
-          return delay(DELAY * 2);
-        case 14:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild10 = container.firstChild) === null || _container$firstChild10 === void 0 ? void 0 : _container$firstChild10.textContent).toMatchInlineSnapshot("\"hello, myvalue\"");
-          expect(fetchMock.calls()).toHaveLength(2);
-        case 16:
-        case "end":
-          return _context5.stop();
-      }
-    }, _callee5);
-  })));
+  it("useResourceAction should return result ", async () => {
+    const resource = "resourceaction";
+    function Page() {
+      const {data, fetch} = useResourceAction(resource, void 0, "POST", {
+        some: "data"
+      }, void 0);
+      useEffect(() => {
+        fetch();
+      }, []);
+      return /* @__PURE__ */ React.createElement("div", null, "hello, ", data && data.value);
+    }
+    fetchMock.mock(...buildMockOptions({
+      resource,
+      response: {value: "myvalue"},
+      method: "POST"
+    }));
+    const {container} = render(/* @__PURE__ */ React.createElement(Page, null), {
+      wrapper
+    });
+    expect(container.firstChild).not.toBe(null);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, "`);
+    await delay(DELAY * 2);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, myvalue"`);
+    expect(fetchMock.calls()).toHaveLength(1);
+  });
+  it("useResourceAction should be invalidated and run twice", async () => {
+    const resource = "resourceactiondouble";
+    function Page() {
+      const {data, fetch, invalidate} = useResourceAction(resource, void 0, "POST", {
+        some: "data"
+      }, void 0);
+      useEffect(() => {
+        fetch();
+      }, []);
+      useEffect(() => {
+        setTimeout(() => {
+          invalidate();
+        }, DELAY * 2);
+        setTimeout(() => {
+          fetch();
+        }, DELAY * 3);
+      }, []);
+      return /* @__PURE__ */ React.createElement("div", null, "hello, ", data && data.value);
+    }
+    fetchMock.mock(...buildMockOptions({
+      resource,
+      response: {value: "myvalue"},
+      method: "POST"
+    }));
+    const {container} = render(/* @__PURE__ */ React.createElement(Page, null), {
+      wrapper
+    });
+    expect(container.firstChild).not.toBe(null);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, "`);
+    await delay(DELAY);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, myvalue"`);
+    await delay(DELAY);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, "`);
+    await delay(DELAY * 2);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, myvalue"`);
+    expect(fetchMock.calls()).toHaveLength(2);
+  });
 });
-describe('useResourceMany', function () {
+describe("useResourceMany", () => {
   fetchMock.config.overwriteRoutes = true;
-  afterAll(function () {
+  afterAll(() => {
     fetchMock.restore();
   });
   beforeEach(fetchMock.resetBehavior);
   beforeEach(fetchMock.resetHistory);
-
-  //check this test again (loading/hello)
-
-  it('useResourceMany should return data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-    var _container$firstChild11, _container$firstChild12;
-    var resource, Page, _render5, container;
-    return _regeneratorRuntime().wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          Page = function _Page5() {
-            var _useResourceMany = useResourceMany(resource),
-              data = _useResourceMany.data;
-            return /*#__PURE__*/React.createElement("div", null, "hello, ", data && data.join(''));
-          };
-          resource = 'resourceMany';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            query: {
-              offset: 0,
-              limit: 30
-            },
-            response: {
-              data: ['S', 'W', 'R'],
-              meta: {
-                total: 1,
-                count: 3
-              }
-            }
-          })));
-          _render5 = render( /*#__PURE__*/React.createElement(Page, null), {
-            wrapper: wrapper
-          }), container = _render5.container;
-          expect(container.firstChild).not.toBe(null);
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild11 = container.firstChild) === null || _container$firstChild11 === void 0 ? void 0 : _container$firstChild11.textContent).toMatchInlineSnapshot("\"Loading\"");
-          _context6.next = 8;
-          return delay(DELAY * 2);
-        case 8:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild12 = container.firstChild) === null || _container$firstChild12 === void 0 ? void 0 : _container$firstChild12.textContent).toMatchInlineSnapshot("\"hello, SWR\"");
-          expect(fetchMock.calls()).toHaveLength(1);
-        case 10:
-        case "end":
-          return _context6.stop();
+  it("useResourceMany should return data", async () => {
+    const resource = "resourceMany";
+    function Page() {
+      const {data} = useResourceMany(resource);
+      return /* @__PURE__ */ React.createElement("div", null, "hello, ", data && data.join(""));
+    }
+    fetchMock.mock(...buildMockOptions({
+      resource,
+      query: {offset: 0, limit: 30},
+      response: {
+        data: ["S", "W", "R"],
+        meta: {
+          total: 1,
+          count: 3
+        }
       }
-    }, _callee6);
-  })));
-  it('useResourceMany should handle hasNext, hasPrevious', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {
-    var _container$firstChild13, _container$firstChild14;
-    var resource, Page, _render6, container;
-    return _regeneratorRuntime().wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          Page = function _Page6() {
-            var _useResourceMany2 = useResourceMany(resource),
-              hasNext = _useResourceMany2.hasNext,
-              hasPrevious = _useResourceMany2.hasPrevious;
-            return /*#__PURE__*/React.createElement("div", null, hasNext ? '' : 'no', " next,", hasPrevious ? '' : 'no', " previous");
-          };
-          resource = 'resourceManyhasNext';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            query: {
-              offset: 0,
-              limit: 30
-            },
-            response: {
-              data: ['S', 'W', 'R'],
-              meta: {
-                total: 1,
-                count: 3
-              }
-            }
-          })));
-          _render6 = render( /*#__PURE__*/React.createElement(Page, null), {
-            wrapper: wrapper
-          }), container = _render6.container;
-          expect(container.firstChild).not.toBe(null);
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild13 = container.firstChild) === null || _container$firstChild13 === void 0 ? void 0 : _container$firstChild13.textContent).toMatchInlineSnapshot("\"Loading\"");
-          _context7.next = 8;
-          return delay(DELAY);
-        case 8:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild14 = container.firstChild) === null || _container$firstChild14 === void 0 ? void 0 : _container$firstChild14.textContent).toMatchInlineSnapshot("\"no next,no previous\"");
-          expect(fetchMock.calls()).toHaveLength(1);
-        case 10:
-        case "end":
-          return _context7.stop();
+    }));
+    const {container} = render(/* @__PURE__ */ React.createElement(Page, null), {
+      wrapper
+    });
+    expect(container.firstChild).not.toBe(null);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"Loading"`);
+    await delay(DELAY * 2);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, SWR"`);
+    expect(fetchMock.calls()).toHaveLength(1);
+  });
+  it("useResourceMany should handle hasNext, hasPrevious", async () => {
+    const resource = "resourceManyhasNext";
+    function Page() {
+      const {hasNext, hasPrevious} = useResourceMany(resource);
+      return /* @__PURE__ */ React.createElement("div", null, hasNext ? "" : "no", " next,", hasPrevious ? "" : "no", " previous");
+    }
+    fetchMock.mock(...buildMockOptions({
+      resource,
+      query: {offset: 0, limit: 30},
+      response: {
+        data: ["S", "W", "R"],
+        meta: {
+          total: 1,
+          count: 3
+        }
+      }
+    }));
+    const {container} = render(/* @__PURE__ */ React.createElement(Page, null), {
+      wrapper
+    });
+    expect(container.firstChild).not.toBe(null);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"Loading"`);
+    await delay(DELAY);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"no next,no previous"`);
+    expect(fetchMock.calls()).toHaveLength(1);
+  });
+  it("useResourceMany should handle setPage with custom limit option", async () => {
+    const resource = "resourceManysetpage";
+    function Page() {
+      const {data, setPage, page} = useResourceMany(resource, {limit: 10});
+      const nextPage = () => {
+        setPage(page + 1);
+      };
+      return /* @__PURE__ */ React.createElement("div", null, "hello, ", data.join(""), /* @__PURE__ */ React.createElement("button", {
+        onClick: nextPage
+      }, "next"));
+    }
+    fetchMock.mock(...buildMockOptions({
+      resource,
+      query: {offset: 0, limit: 10},
+      response: {
+        data: ["S", "W", "R"],
+        meta: {
+          total: 3,
+          count: 100
+        }
       }
-    }, _callee7);
-  })));
-  it('useResourceMany should handle setPage with custom limit option', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-    var _container$firstChild15, _container$firstChild16, _container$firstChild17;
-    var resource, Page, _render7, container, getByText;
-    return _regeneratorRuntime().wrap(function _callee8$(_context8) {
-      while (1) switch (_context8.prev = _context8.next) {
-        case 0:
-          Page = function _Page7() {
-            var _useResourceMany3 = useResourceMany(resource, {
-                limit: 10
-              }),
-              data = _useResourceMany3.data,
-              setPage = _useResourceMany3.setPage,
-              page = _useResourceMany3.page;
-            var nextPage = function nextPage() {
-              setPage(page + 1);
-            };
-            return /*#__PURE__*/React.createElement("div", null, "hello, ", data.join(''), /*#__PURE__*/React.createElement("button", {
-              onClick: nextPage
-            }, "next"));
-          };
-          resource = 'resourceManysetpage';
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            query: {
-              offset: 0,
-              limit: 10
-            },
-            response: {
-              data: ['S', 'W', 'R'],
-              meta: {
-                total: 3,
-                count: 100
-              }
-            }
-          })));
-          fetchMock.mock.apply(fetchMock, _toConsumableArray(buildMockOptions({
-            resource: resource,
-            query: {
-              offset: 10,
-              limit: 10
-            },
-            response: {
-              data: ['R', 'W', 'S'],
-              meta: {
-                total: 3,
-                count: 100
-              }
-            }
-          })));
-          _render7 = render( /*#__PURE__*/React.createElement(Page, null), {
-            wrapper: wrapper
-          }), container = _render7.container, getByText = _render7.getByText;
-          expect(container.firstChild).not.toBe(null);
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild15 = container.firstChild) === null || _container$firstChild15 === void 0 ? void 0 : _container$firstChild15.textContent).toMatchInlineSnapshot("\"Loading\"");
-          _context8.next = 9;
-          return delay(DELAY);
-        case 9:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild16 = container.firstChild) === null || _container$firstChild16 === void 0 ? void 0 : _container$firstChild16.textContent).toMatchInlineSnapshot("\"hello, SWRnext\"");
-          fireEvent.click(getByText('next'));
-          _context8.next = 13;
-          return delay(DELAY * 2);
-        case 13:
-          expect(container === null || container === void 0 ? void 0 : (_container$firstChild17 = container.firstChild) === null || _container$firstChild17 === void 0 ? void 0 : _container$firstChild17.textContent).toMatchInlineSnapshot("\"hello, RWSnext\"");
-          expect(fetchMock.calls()).toHaveLength(2);
-        case 15:
-        case "end":
-          return _context8.stop();
+    }));
+    fetchMock.mock(...buildMockOptions({
+      resource,
+      query: {offset: 10, limit: 10},
+      response: {
+        data: ["R", "W", "S"],
+        meta: {
+          total: 3,
+          count: 100
+        }
       }
-    }, _callee8);
-  })));
-});
+    }));
+    const {container, getByText} = render(/* @__PURE__ */ React.createElement(Page, null), {
+      wrapper
+    });
+    expect(container.firstChild).not.toBe(null);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"Loading"`);
+    await delay(DELAY);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, SWRnext"`);
+    fireEvent.click(getByText("next"));
+    await delay(DELAY * 2);
+    expect(container?.firstChild?.textContent).toMatchInlineSnapshot(`"hello, RWSnext"`);
+    expect(fetchMock.calls()).toHaveLength(2);
+  });
+});
+//# sourceMappingURL=index.spec.js.map