test(storybook): add PeerBandwidthTable.stories.js (#2095)

* chore: add PeerBandwidthTable.stories.js * chore: resolve lint failures * Update src/status/PeerBandwidthTable.stories.js Co-authored-by: Nishant Arora <[email protected]> * Update src/status/PeerBandwidthTable.stories.js Co-authored-by: Nishant Arora <[email protected]> * Update src/status/PeerBandwidthTable.js Co-authored-by: Nishant Arora <[email protected]> * test: lint fix --------- Co-authored-by: Nishant Arora <[email protected]>
ipfs · Jul 7, 2023 · c969c5e · c969c5e
1 parent 5cd8d28
commit c969c5e
Show file tree

Hide file tree

Showing 2 changed files with 71 additions and 3 deletions.
diff --git a/src/status/PeerBandwidthTable.js b/src/status/PeerBandwidthTable.js
@@ -24,9 +24,7 @@ export class PeerBandwidthTable extends Component {
 
  getSorter ({ field, direction }) {
  return (a, b) => {
- if (a.bw[field].gt(b.bw[field])) return direction
- if (a.bw[field].lt(b.bw[field])) return -direction
- return 0
+ return a.bw[field] - b.bw[field]
  }
  }
 

diff --git a/src/status/PeerBandwidthTable.stories.js b/src/status/PeerBandwidthTable.stories.js
@@ -0,0 +1,70 @@
+import React from 'react'
+import PeerBandwidthTableComponent from './PeerBandwidthTable.js'
+import { Provider } from 'redux-bundler-react'
+import { composeBundlesRaw } from 'redux-bundler'
+
+const defaultState = {
+ peerBandwidthPeers: [
+ {
+ id: 'peer1',
+ bw: {
+ rateIn: 1000,
+ rateOut: 500,
+ totalIn: 10000,
+ totalOut: 5000
+ }
+ },
+ {
+ id: 'peer2',
+ bw: {
+ rateIn: 10,
+ rateOut: 5,
+ totalIn: 10000,
+ totalOut: 5000
+ }
+ }
+ ],
+ peerLocations: {
+ peer1: {
+ country_name: 'United States',
+ country_code: 'US'
+ },
+ peer2: {
+ country_name: 'Canada',
+ country_code: 'CA'
+ }
+ }
+}
+
+const getStore = composeBundlesRaw({
+ name: 'peerBandwidth',
+ selectPeerBandwidthPeers: state => state.peerBandwidth.peerBandwidthPeers,
+ selectPeerLocations: state => state.peerBandwidth.peerLocations,
+ reducer: (state, { type, payload }) => state ?? defaultState
+})
+const store = getStore({ peerBandwidth: defaultState })
+
+/**
+ * @type {import('@storybook/react').Meta}
+ */
+export default {
+ title: 'Status/PeerBandwidthTable',
+ component: PeerBandwidthTableComponent,
+ decorators: [
+ (Story) => (
+ <Provider store={store}>
+ <Story/>
+ </Provider>
+ )
+ ]
+}
+
+/**
+ * @type {import('@storybook/react').StoryObj}
+ */
+export const PeerBandwidthTable = {
+ args: {
+ peerBandwidthPeers: defaultState.peerBandwidthPeers,
+ peerLocations: defaultState.peerLocations
+ }
+}