@yoann-86/react_test_lab 0.1.0

package/dist/components/UserForm.test.js

@@ -0,0 +1,291 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _UserForm = require("./UserForm");
+var _api = require("../infra/api");
+var _axios = _interopRequireDefault(require("axios"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+jest.mock("axios");
+let mockNavigate;
+jest.mock("wouter", () => ({
+  useLocation: () => ["", mockNavigate]
+}));
+let usersState = [];
+const setUsersStateMock = jest.fn();
+const getFormElements = () => ({
+  firstnameField: _react.screen.getByTestId("firstname-input"),
+  lastnameField: _react.screen.getByTestId("lastname-input"),
+  emailField: _react.screen.getByTestId("email-input"),
+  birthField: _react.screen.getByTestId("birth-input"),
+  cityField: _react.screen.getByTestId("city-input"),
+  zipField: _react.screen.getByTestId("zip-input"),
+  submitButton: _react.screen.getByTestId("submit-button"),
+  backButton: _react.screen.getByTestId("back-button"),
+  firstnameErrorText: _react.screen.getByTestId("firstname-error-text"),
+  lastnameErrorText: _react.screen.getByTestId("lastname-error-text"),
+  emailErrorText: _react.screen.getByTestId("email-error-text"),
+  birthErrorText: _react.screen.getByTestId("birth-error-text"),
+  zipErrorText: _react.screen.getByTestId("zip-error-text")
+});
+beforeEach(() => {
+  mockNavigate = jest.fn();
+});
+test("should disable submit button when required fields are empty", () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    firstnameField,
+    lastnameField,
+    emailField,
+    birthField,
+    cityField,
+    zipField,
+    submitButton,
+    backButton
+  } = getFormElements();
+  expect(firstnameField).toBeInTheDocument();
+  expect(lastnameField).toBeInTheDocument();
+  expect(emailField).toBeInTheDocument();
+  expect(birthField).toBeInTheDocument();
+  expect(cityField).toBeInTheDocument();
+  expect(zipField).toBeInTheDocument();
+  expect(submitButton).toBeInTheDocument();
+  expect(backButton).toBeInTheDocument();
+  expect(submitButton).toBeDisabled();
+});
+test("should enable submit button when all fields are valid", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    firstnameField,
+    lastnameField,
+    emailField,
+    birthField,
+    cityField,
+    zipField,
+    submitButton
+  } = getFormElements();
+  expect(submitButton).toBeDisabled();
+  _userEvent.default.type(firstnameField, "John");
+  _userEvent.default.type(lastnameField, "Doe");
+  _userEvent.default.type(emailField, "john@example.com");
+  _userEvent.default.type(birthField, "1990-01-01");
+  _userEvent.default.type(cityField, "Paris");
+  _userEvent.default.type(zipField, "75010");
+  expect(submitButton).toBeEnabled();
+});
+test("should save a new user on valid submit", async () => {
+  const data = usersState;
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    firstnameField,
+    lastnameField,
+    emailField,
+    birthField,
+    cityField,
+    zipField,
+    submitButton
+  } = getFormElements();
+  expect(submitButton).toBeDisabled();
+  _userEvent.default.type(firstnameField, "John");
+  expect(firstnameField).toHaveValue("John");
+  _userEvent.default.type(lastnameField, "Doe");
+  expect(lastnameField).toHaveValue("Doe");
+  _userEvent.default.type(emailField, "john.doe@mail.com");
+  expect(emailField).toHaveValue("john.doe@mail.com");
+  _userEvent.default.type(birthField, "1986-12-31");
+  expect(birthField).toHaveValue("1986-12-31");
+  _userEvent.default.type(cityField, "undefined city");
+  expect(cityField).toHaveValue("undefined city");
+  _userEvent.default.type(zipField, "75010");
+  expect(zipField).toHaveValue("75010");
+  expect(submitButton).toBeEnabled();
+  _axios.default.post.mockResolvedValue({
+    data: {
+      firstname: "John",
+      lastname: "Doe",
+      name: "John Doe",
+      email: "john.doe@mail.com",
+      birth: "1986-12-31",
+      zipCode: "75010",
+      city: "undefined city"
+    }
+  });
+  _userEvent.default.click(submitButton);
+  const url = "".concat(process.env.REACT_APP_API_URL, "/users");
+  expect(_axios.default.post).toHaveBeenCalledWith(url, {
+    name: "John Doe",
+    firstname: "John",
+    lastname: "Doe",
+    email: "john.doe@mail.com",
+    birth: "1986-12-31",
+    zipCode: "75010",
+    city: "undefined city"
+  });
+  await (0, _react.waitFor)(() => expect(setUsersStateMock).toHaveBeenCalled());
+  expect(firstnameField).toHaveValue("");
+  expect(lastnameField).toHaveValue("");
+  expect(emailField).toHaveValue("");
+  expect(birthField).toHaveValue("");
+  expect(zipField).toHaveValue("");
+});
+test("should show an error when firstname is not valid", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    firstnameField,
+    firstnameErrorText
+  } = getFormElements();
+
+  // Test with numbers
+  _userEvent.default.type(firstnameField, "John123");
+  expect(firstnameField).toHaveValue("John123");
+  expect(firstnameErrorText).toHaveTextContent("Les chiffres sont interdits");
+
+  // Clear and test empty
+  _userEvent.default.clear(firstnameField);
+  expect(firstnameField).toHaveValue("");
+  expect(firstnameErrorText).toHaveTextContent("Le champ ne peut pas être vide");
+
+  // Test with special characters
+  _userEvent.default.type(firstnameField, '; INSERT INTO "users" (username, role) VALUES(anonymous, admin);');
+  expect(firstnameErrorText).toHaveTextContent("Les caractères spéciaux sont interdits");
+
+  // Test valid input
+  _userEvent.default.clear(firstnameField);
+  _userEvent.default.type(firstnameField, "John");
+  expect(firstnameField).toHaveValue("John");
+  expect(firstnameErrorText).toHaveTextContent("");
+});
+test("should show an error when lastname is not valid", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    lastnameField,
+    lastnameErrorText
+  } = getFormElements();
+  _userEvent.default.type(lastnameField, "<Doe>");
+  expect(lastnameField).toHaveValue("<Doe>");
+  expect(lastnameErrorText).toHaveTextContent("Les caractères spéciaux sont interdits");
+});
+test("should show an error when email is not valid", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    emailField,
+    emailErrorText
+  } = getFormElements();
+  _userEvent.default.type(emailField, "johndoe.com");
+  expect(emailField).toHaveValue("johndoe.com");
+  expect(emailErrorText).toHaveTextContent("Le format de l'email est invalide");
+
+  // Test valid email
+  _userEvent.default.clear(emailField);
+  _userEvent.default.type(emailField, "john@example.com");
+  expect(emailField).toHaveValue("john@example.com");
+  expect(emailErrorText).toHaveTextContent("");
+});
+test("should show an error when date of birth is not valid", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    birthField,
+    birthErrorText
+  } = getFormElements();
+  _userEvent.default.type(birthField, "2012-01-01");
+  expect(birthField).toHaveValue("2012-01-01");
+  expect(birthErrorText).toHaveTextContent("Vous devez être majeur pour vous inscrire");
+
+  // Test valid birth date
+  _userEvent.default.clear(birthField);
+  _userEvent.default.type(birthField, "1990-01-01");
+  expect(birthField).toHaveValue("1990-01-01");
+  expect(birthErrorText).toHaveTextContent("");
+});
+test("should show an error when zipcode is not valid", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    zipField,
+    zipErrorText
+  } = getFormElements();
+  _userEvent.default.type(zipField, "2A325");
+  expect(zipField).toHaveValue("2A325");
+  expect(zipErrorText).toHaveTextContent("Le code postal doit comporter 5 chiffres");
+
+  // Test valid zipcode
+  _userEvent.default.clear(zipField);
+  _userEvent.default.type(zipField, "75010");
+  expect(zipField).toHaveValue("75010");
+  expect(zipErrorText).toHaveTextContent("");
+});
+test("should reset the form after successful submission", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    firstnameField,
+    lastnameField,
+    emailField,
+    birthField,
+    zipField,
+    submitButton
+  } = getFormElements();
+  _userEvent.default.type(firstnameField, "John");
+  _userEvent.default.type(lastnameField, "Doe");
+  _userEvent.default.type(emailField, "john@example.com");
+  _userEvent.default.type(birthField, "1990-01-01");
+  _userEvent.default.type(zipField, "75010");
+  expect(submitButton).toBeEnabled();
+  _axios.default.post.mockResolvedValue({
+    data: {
+      firstname: "John",
+      lastname: "Doe",
+      name: "John Doe",
+      email: "john@example.com",
+      birth: "1990-01-01",
+      zipCode: "75010",
+      city: ""
+    }
+  });
+  _userEvent.default.click(submitButton);
+  const url = "".concat(process.env.REACT_APP_API_URL, "/users");
+  expect(_axios.default.post).toHaveBeenCalledWith(url, {
+    name: "John Doe",
+    firstname: "John",
+    lastname: "Doe",
+    email: "john@example.com",
+    birth: "1990-01-01",
+    zipCode: "75010",
+    city: ""
+  });
+  await (0, _react.waitFor)(() => {
+    expect(firstnameField).toHaveValue("");
+    expect(lastnameField).toHaveValue("");
+    expect(emailField).toHaveValue("");
+    expect(birthField).toHaveValue("");
+    expect(zipField).toHaveValue("");
+    expect(submitButton).toBeDisabled();
+  });
+});
+test("should navigate to home page when back button is clicked", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UserForm.UserForm, {
+    setUsers: setUsersStateMock
+  }));
+  const {
+    backButton
+  } = getFormElements();
+  _userEvent.default.click(backButton);
+  expect(mockNavigate).toHaveBeenCalledWith("/");
+});

package/dist/components/UsersList.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UsersList = void 0;
+var _wouter = require("wouter");
+var _jsxRuntime = require("react/jsx-runtime");
+const UsersList = _ref => {
+  let {
+    users
+  } = _ref;
+  const [, navigate] = (0, _wouter.useLocation)();
+  const severalUsers = users.length > 1;
+  const noUser = users.length === 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "users-list-container",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h2", {
+      "data-testid": "users-counter",
+      children: noUser ? "Il n'y a aucun utilisateur enregistré" : "Il y a ".concat(users.length, " utilisateur").concat(severalUsers ? "s" : "", " enregistr\xE9").concat(severalUsers ? "s" : "")
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      children: users.length > 0 ? "Liste des 5 derniers utilisateurs :" : "Créez en un pour voir la liste des utilisateurs enregistrés !"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+      "data-testid": "users-list",
+      className: "list-none",
+      children: users.length > 0 && users.slice(-5).map((user, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+        "data-testid": "user-".concat(index),
+        children: [index + 1, " - ", user.name]
+      }, index))
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      "data-testid": "navigation-button",
+      className: "button",
+      onClick: () => navigate("/register"),
+      children: "Enregistrer un nouvel utilisateur"
+    })]
+  });
+};
+exports.UsersList = UsersList;

package/dist/components/UsersList.test.js

@@ -0,0 +1,134 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _UsersList = require("./UsersList");
+var _api = require("../infra/api");
+var _axios = _interopRequireDefault(require("axios"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+jest.mock("axios");
+let mockNavigate;
+jest.mock("wouter", () => ({
+  useLocation: () => ["", mockNavigate]
+}));
+beforeEach(() => {
+  mockNavigate = jest.fn();
+});
+test("should display an empty list when no users in data response", async () => {
+  const data = [];
+  _axios.default.get.mockImplementationOnce(() => Promise.resolve({
+    data
+  }));
+  const users = await (0, _api.getAllUsers)();
+  expect(users).toEqual(data);
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: users
+  }));
+  const usersList = _react.screen.getByTestId("users-list");
+  expect(usersList).toBeInTheDocument();
+  expect(usersList.children).toHaveLength(0);
+});
+test("should display users from api call on mount", async () => {
+  const data = [{
+    name: "John Doe",
+    email: "john@example.com",
+    birth: "1990-01-01",
+    city: "Paris",
+    zipCode: "75001"
+  }, {
+    name: "Jane Smith",
+    email: "jane@example.com",
+    birth: "1992-03-15",
+    city: "Lyon",
+    zipCode: "69001"
+  }];
+  _axios.default.get.mockImplementationOnce(() => Promise.resolve({
+    data
+  }));
+  const users = await (0, _api.getAllUsers)();
+  expect(users).toEqual(data);
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: users
+  }));
+  const user1 = _react.screen.getByTestId("user-0");
+  expect(user1).toHaveTextContent("1 - John Doe");
+  const user2 = _react.screen.getByTestId("user-1");
+  expect(user2).toHaveTextContent("2 - Jane Smith");
+});
+test("should display only the 5 most recent users when more than 5 exist", async () => {
+  const data = Array.from({
+    length: 7
+  }, (_, i) => ({
+    name: "User".concat(i + 1, " Last").concat(i + 1),
+    email: "user".concat(i + 1, "@example.com"),
+    birth: "1990-01-01",
+    city: "Paris",
+    zipCode: "75001"
+  }));
+  _axios.default.get.mockImplementationOnce(() => Promise.resolve({
+    data
+  }));
+  const users = await (0, _api.getAllUsers)();
+  expect(users).toEqual(data);
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: users
+  }));
+
+  // Should display users 3-7 (last 5)
+  expect(_react.screen.getByTestId("user-0")).toHaveTextContent("1 - User3 Last3");
+  expect(_react.screen.getByTestId("user-1")).toHaveTextContent("2 - User4 Last4");
+  expect(_react.screen.getByTestId("user-2")).toHaveTextContent("3 - User5 Last5");
+  expect(_react.screen.getByTestId("user-3")).toHaveTextContent("4 - User6 Last6");
+  expect(_react.screen.getByTestId("user-4")).toHaveTextContent("5 - User7 Last7");
+});
+test("should re-render when users prop changes", () => {
+  const {
+    rerender
+  } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: []
+  }));
+  const initialList = _react.screen.getByTestId("users-list");
+  expect(initialList.children).toHaveLength(0);
+  const newUsers = [{
+    name: "Alice Wonder",
+    email: "alice@example.com",
+    birth: "1995-05-20",
+    city: "Marseille",
+    zipCode: "13001"
+  }];
+  rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: newUsers
+  }));
+  const updatedUser = _react.screen.getByTestId("user-0");
+  expect(updatedUser).toHaveTextContent("1 - Alice Wonder");
+});
+test("should clear users when users prop becomes empty", () => {
+  const users = [{
+    name: "Charlie Brown",
+    email: "charlie@example.com",
+    birth: "1988-03-22",
+    city: "Bordeaux",
+    zipCode: "33000"
+  }];
+  const {
+    rerender
+  } = (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: users
+  }));
+  let usersList = _react.screen.getByTestId("users-list");
+  expect(usersList.children).toHaveLength(1);
+  rerender(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: []
+  }));
+  usersList = _react.screen.getByTestId("users-list");
+  expect(usersList.children).toHaveLength(0);
+});
+test("should navigate to register page when button is clicked", async () => {
+  (0, _react.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_UsersList.UsersList, {
+    users: []
+  }));
+  const navigationButton = _react.screen.getByTestId("navigation-button");
+  await _userEvent.default.click(navigationButton);
+  expect(mockNavigate).toHaveBeenCalledWith("/register");
+});

package/dist/components/atomic/TextInput.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextInput = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+const TextInput = _ref => {
+  let {
+    label,
+    id,
+    type = "text",
+    value,
+    onChange,
+    testId,
+    errorTestId,
+    errorText,
+    required = false,
+    requiredIndicator
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "input-container",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+      className: "label",
+      htmlFor: id,
+      children: [label, " ", required && requiredIndicator]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+      "data-testid": testId,
+      required: required,
+      value: value,
+      onChange: onChange,
+      className: "input",
+      id: id,
+      type: type
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      "data-testid": errorTestId,
+      className: "error-text",
+      children: errorText
+    })]
+  });
+};
+exports.TextInput = TextInput;

package/dist/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

package/dist/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = _interopRequireDefault(require("react-dom/client"));
+require("./index.css");
+var _App = _interopRequireDefault(require("./App"));
+var _reportWebVitals = _interopRequireDefault(require("./reportWebVitals"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const root = _client.default.createRoot(document.getElementById("root"));
+root.render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.StrictMode, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_App.default, {})
+}));
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+(0, _reportWebVitals.default)();
+var _default = exports.default = _App.default;

package/dist/infra/api.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAllUsers = exports.createOneUser = void 0;
+var _axios = _interopRequireDefault(require("axios"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const API = process.env.REACT_APP_API_URL;
+const getAllUsers = async () => {
+  try {
+    const response = await _axios.default.get("".concat(API, "/users"));
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+};
+exports.getAllUsers = getAllUsers;
+const createOneUser = async user => {
+  try {
+    const response = await _axios.default.post("".concat(API, "/users"), user);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+};
+exports.createOneUser = createOneUser;

package/dist/infra/api.test.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _api = require("./api");
+var _axios = _interopRequireDefault(require("axios"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+jest.mock("axios");
+describe("getAllUsers", () => {
+  it("fetches successfully data from an API", async () => {
+    const data = {
+      data: [{
+        id: "1",
+        name: "John Doe",
+        email: "john.doe@mail.com"
+      }]
+    };
+    _axios.default.get.mockImplementationOnce(() => Promise.resolve(data));
+    await expect((0, _api.getAllUsers)()).resolves.toEqual(data.data);
+    expect(_axios.default.get).toHaveBeenCalledWith("".concat(process.env.REACT_APP_API_URL, "/users"));
+  });
+  it("fetches erroneously data from an API", async () => {
+    const errorMessage = "Network Error";
+    _axios.default.get.mockImplementationOnce(() => Promise.reject(new Error(errorMessage)));
+    await expect((0, _api.getAllUsers)()).rejects.toThrow(errorMessage);
+  });
+});
+describe("createOneUser", () => {
+  it("creates a user successfully", async () => {
+    const newUser = {
+      name: "Jane Doe",
+      email: "jane.doe@mail.com"
+    };
+    const createdUser = _objectSpread(_objectSpread({}, newUser), {}, {
+      id: "2"
+    });
+    _axios.default.post.mockImplementationOnce(() => Promise.resolve({
+      data: createdUser
+    }));
+    await expect((0, _api.createOneUser)(newUser)).resolves.toEqual(createdUser);
+  });
+  it("fails to create a user", async () => {
+    const newUser = {
+      name: "Jane Doe",
+      email: "jane.doe@mail.com"
+    };
+    const errorMessage = "Failed to create user";
+    _axios.default.post.mockImplementationOnce(() => Promise.reject(new Error(errorMessage)));
+    await expect((0, _api.createOneUser)(newUser)).rejects.toThrow(errorMessage);
+  });
+});

package/dist/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>

package/dist/reportWebVitals.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    Promise.resolve().then(() => _interopRequireWildcard(require('web-vitals'))).then(_ref => {
+      let {
+        getCLS,
+        getFID,
+        getFCP,
+        getLCP,
+        getTTFB
+      } = _ref;
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+var _default = exports.default = reportWebVitals;

package/dist/setupTests.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@testing-library/jest-dom");