add: eslint and prettier

.eslintignore

@@ -0,0 +1,3 @@
+lib/
+test-utils/
+node_modules/

.eslintrc

@@ -0,0 +1,29 @@
+{
+  "parser": "babel-eslint",
+  "parserOptions": {
+    "sourceType": "module",
+    "allowImportExportEverywhere": false,
+    "codeFrame": false
+  },
+  "extends": [
+    "airbnb",
+    "plugin:react/recommended",
+    "prettier",
+    "prettier/react"
+  ],
+  "env": {
+    "browser": true,
+    "jest": true
+  },
+  "rules": {
+    "import/no-extraneous-dependencies": ["off"],
+    "react/jsx-fragments": ["off"],
+    "react/forbid-prop-types": ["off"],
+    "react/jsx-props-no-spreading": ["off"],
+    "max-len": ["error", { "code": 100 }],
+    "prefer-promise-reject-errors": ["off"],
+    "react/jsx-filename-extension": ["off"],
+    "react/prop-types": ["warn"],
+    "no-return-assign": ["off"]
+  }
+}

.travis.yml

@@ -4,14 +4,17 @@ node_js:
 cache: yarn
 install: yarn
 script:
-  #- yarn lint
+  - yarn lint
+  - yarn format
   - yarn test
 jobs:
   include:
     - stage: npm release
       if: tag IS present
       node_js: "12"
-      script: yarn build
+      script: 
+        - yarn test
+        - yarn build
       deploy:
         provider: npm
         email: "$NPM_EMAIL"

__tests__/Consumer.Context.test.js

@@ -1,17 +1,7 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
-
 import React from "react";
-import { fireEvent, cleanup } from "@testing-library/react";
-import {
-  renderWithProvider,
-  SampleConsumerContext
-} from "../src/utils/test-utils";
+import { fireEvent } from "@testing-library/react";
+import { renderWithProvider, SampleConsumerContext } from "../test-utils";
 
 describe("Toasted Consumer", () => {
   const { container, getByText } = renderWithProvider(

__tests__/Consumer.ContextType.test.js

@@ -1,17 +1,7 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
-
 import React from "react";
-import { fireEvent, cleanup } from "@testing-library/react";
-import {
-  renderWithProvider,
-  SampleConsumerContextType
-} from "../src/utils/test-utils";
+import { fireEvent } from "@testing-library/react";
+import { renderWithProvider, SampleConsumerContextType } from "../test-utils";
 
 describe("Toasted Consumer useContext", () => {
   const { container, getByText } = renderWithProvider(

__tests__/Consumer.UseContext.test.js

@@ -1,17 +1,7 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
-
 import React from "react";
-import { fireEvent, cleanup } from "@testing-library/react";
-import {
-  renderWithProvider,
-  SampleConsumerUseContext
-} from "../src/utils/test-utils";
+import { fireEvent } from "@testing-library/react";
+import { renderWithProvider, SampleConsumerUseContext } from "../test-utils";
 
 describe("Toasted Consumer useContext", () => {
   const { container, getByText } = renderWithProvider(

__tests__/Provider.test.js

@@ -1,10 +1,5 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-import { renderWithProvider } from "../src/utils/test-utils";
+import { renderWithProvider } from "../test-utils";
 
 describe("Toasted Provider Snapshot", () => {
   test("it has to match snapshot", () => {

__tests__/Toast.test.js

@@ -1,13 +1,6 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
-
 import React from "react";
-import { render, fireEvent, cleanup } from "@testing-library/react";
+import { render, fireEvent } from "@testing-library/react";
 import Toast from "../src/components/Toast";
 
 describe("Toast Component Snapshot", () => {
@@ -37,20 +30,22 @@ describe("Toast Component Snapshot", () => {
   });
 });
 describe("Toast Events", () => {
-  let toastMessage = "Message";
-  let onCreated = jest.fn();
-  let onClicked = jest.fn();
-  let onMouseOver = jest.fn();
-  let onMouseOut = jest.fn();
-  let onDestroyed = jest.fn();
+  const toastMessage = "Message";
+  const onCreated = jest.fn();
+  const onClicked = jest.fn();
+  const onMouseOver = jest.fn();
+  const onMouseOut = jest.fn();
+  const onDestroyed = jest.fn();
   const { getByText, unmount } = render(
     <Toast
       msg={toastMessage}
       position="toast-top-right"
       onCreated={onCreated}
       onClick={onClicked}
       onMouseOver={onMouseOver}
+      onFocus={onMouseOver}
       onMouseOut={onMouseOut}
+      onBlur={onMouseOut}
       onDestroyed={onDestroyed}
     />
   );

__tests__/ToastContainer.test.js

@@ -1,13 +1,6 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
-
 import React from "react";
-import { render, fireEvent, cleanup } from "@testing-library/react";
+import { render } from "@testing-library/react";
 import ToastContainer from "../src/components/ToastContainer";
 
 describe("ToastContainer Snapshot", () => {
@@ -29,7 +22,7 @@ describe("ToastContainer Snapshot", () => {
           defaultProgressBarValue: 0,
           defaultPreventDuplicates: false,
           defaultStyle: {}
-          //defaultPositions: positions
+          // defaultPositions: positions
         }}
       />
     );
@@ -42,6 +35,7 @@ describe("ToastContainer Functions", () => {
   const { container } = render(
     <ToastContainer
       ref={ref}
+      // eslint-disable-next-line
       {...{
         defaultClassNames: ["animated", "zoomInUp"], // need animated.css
         defaultPosition: "toast-top-right",
@@ -53,11 +47,11 @@ describe("ToastContainer Functions", () => {
         defaultProgressBarValue: 0,
         defaultPreventDuplicates: false,
         defaultStyle: {}
-        //defaultPositions: positions
+        // defaultPositions: positions
       }}
     />
   );
-  let component = ref.current;
+  const component = ref.current;
   test("it tests short functions", () => {
     component.s("Success Message");
     component.i("Information Message");
@@ -77,10 +71,10 @@ describe("ToastContainer Functions", () => {
   });
 
   test("it tests  add and remove function", () => {
-    let msg = "Hello Dear";
+    const msg = "Hello Dear";
     component.add({
       name: "mytoast",
-      msg: msg
+      msg
     });
     expect(container.innerHTML).toMatch(msg);
 

__tests__/ToastProgress.test.js

@@ -1,11 +1,4 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
-
 import React from "react";
 import { render } from "@testing-library/react";
 import ToastProgress from "../src/components/ToastProgress";

__tests__/__snapshots__/Toast.test.js.snap

@@ -4,6 +4,7 @@ exports[`Toast Component Snapshot basic toast snapshot 1`] = `
 <div>
   <div
     class="toast toast-success"
+    role="presentation"
   >
     <div
       class="toast-message"
@@ -16,6 +17,7 @@ exports[`Toast Component Snapshot it has to match snapshot 1`] = `
 <div>
   <div
     class="toast toast-success animated"
+    role="presentation"
     style="color: red;"
   >
     <div

__tests__/witToasted.test.js

@@ -1,17 +1,7 @@
-// __tests__/hidden-message.js
-// these imports are something you'd normally configure Jest to import for you
-// automatically. Learn more in the setup docs: https://testing-library.com/docs/react-testing-library/setup#cleanup
-// import "@testing-library/react/cleanup-after-each";
 import "@testing-library/jest-dom/extend-expect";
-
-// NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
-
 import React from "react";
 import { fireEvent } from "@testing-library/react";
-import {
-  renderWithProvider,
-  WithToastedComponent
-} from "../src/utils/test-utils";
+import { renderWithProvider, WithToastedComponent } from "../test-utils";
 
 describe("Toasted withToasted", () => {
   const { container, getByText } = renderWithProvider(<WithToastedComponent />);

jest.config.js

@@ -7,8 +7,8 @@ module.export = {
   moduleFileExtensions: ["js", "jsx", "json", "node"],
   testPathIgnorePatterns: ["/node_modules/"],
   setupFilesAfterEnv: [
-    //"@testing-library/react/cleanup-after-each",
-    //"@testing-library/jest-dom/extend-expect"
+    // "@testing-library/react/cleanup-after-each",
+    // "@testing-library/jest-dom/extend-expect"
     // setupFiles before the tests are ran
   ]
 };