added storyshots (automate testing) to Storybook

.storybook/storyshots.test.tsx

@@ -0,0 +1,14 @@
+import initStoryshots from '@storybook/addon-storyshots'
+import { render, waitFor } from '@testing-library/react'
+
+// Stories are render-tested with @testing-library/react,
+// overwriting default snapshot testing behavior
+initStoryshots({
+  asyncJest: true,
+  test: async ({ story, done }) => {
+    const storyElement = story.render()
+    // render the story with @testing-library/react
+    render(storyElement)
+    await waitFor(() => done())
+  }
+})

package.json

@@ -27,6 +27,7 @@
     "@oceanprotocol/lib": "^1.0.0-next.35",
     "@oceanprotocol/typographies": "^0.1.0",
     "@portis/web3": "^4.0.7",
+    "@storybook/addon-storyshots": "^6.4.22",
     "@tippyjs/react": "^4.2.6",
     "@urql/exchange-refocus": "^0.2.5",
     "@walletconnect/web3-provider": "^1.7.6",