Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

How to use sortByWeight method in devicefarmer-stf

Best JavaScript code snippet using devicefarmer-stf

index.js

Source:index.js

1import React, { Component } from 'react'2import * as T from 'prop-types'3import './style.scss'4import { cssClassName } from 'utils'5import A_Card from 'A_Card'6import A_H from 'A_H'7import A_Th from 'A_Th'8import A_ThSortable from 'A_ThSortable'9import A_TableRow from 'A_TableRow'10import A_Image from 'A_Image'11import A_Span from 'A_Span'12import A_ColoredUsdValue from 'A_ColoredUsdValue'13import A_Button from 'A_Button'14const list = [15  {16    trader: { name: 'Katherine Reyes', imgId: 2 },17    weight: 15,18    totalReturn: 170000,19    strategy: 'Core and Satellite',20    id: 0,21  },22  {23    trader: { name: 'Ralf Hamster', imgId: 2 },24    weight: 50,25    totalReturn: 10000,26    strategy: 'Core and Satellite',27    id: 1,28  },29  {30    trader: { name: 'Glenn Webb', imgId: 2 },31    weight: 20,32    totalReturn: 270000,33    strategy: 'Core and Satellite',34    id: 2,35  },36  {37    trader: { name: 'Jeff Johnson', imgId: 2 },38    weight: 30,39    totalReturn: 15000,40    strategy: 'Core and Satellite',41    id: 3,42  },43  {44    trader: { name: 'Pete Simpson', imgId: 2 },45    weight: 10,46    totalReturn: 6000,47    strategy: 'Core and Satellite',48    id: 4,49  },50]51const cn = cssClassName('O_AllSubscriptions')52export default class O_AllSubscriptions extends Component {53  static propTypes = {54    mix: T.string,55  }56  state = {57    sortByWeight: 0, // 0 - no filter, 1 - ascending, -1 - descending58    sortByReturn: 0,59  }60  toggleWeightSort = () => {61    const { sortByWeight, sortByReturn } = this.state62    if (sortByWeight >= 0) {63      this.setState({ sortByWeight: -1 })64    } else {65      this.setState({ sortByWeight: 1 })66    }67    if (sortByReturn !== 0) {68      this.setState({ sortByReturn: 0 })69    }70  }71  toggleReturnSort = () => {72    const { sortByWeight, sortByReturn } = this.state73    if (sortByReturn >= 0) {74      this.setState({ sortByReturn: -1 })75    } else {76      this.setState({ sortByReturn: 1 })77    }78    if (sortByWeight !== 0) {79      this.setState({ sortByWeight: 0 })80    }81  }82  sortList = (a, b) => {83    const { sortByReturn, sortByWeight } = this.state84    if (sortByReturn) {85      return sortByReturn * a.totalReturn > sortByReturn * b.totalReturn86    } else if (sortByWeight) {87      return sortByWeight * a.weight > sortByWeight * b.weight88    } else {89      return 090    }91  }92  render() {93    const { mix } = this.props94    const { sortByReturn, sortByWeight } = this.state95    const orderedList = list.slice().sort(this.sortList)96    return (97      <A_Card mix={cn([mix])}>98        <A_H type="section" mix={cn('title')}>99          All subscriptions100        </A_H>101        <div className={cn('table-header')}>102          <A_Th mix={cn('th-1')}>Trader</A_Th>103          <A_ThSortable104            onClick={this.toggleWeightSort}105            descending={sortByWeight < 0}106            mix={cn('th-2')}107          >108            Total Weight109          </A_ThSortable>110          <A_ThSortable111            onClick={this.toggleReturnSort}112            descending={sortByReturn < 0}113            mix={cn('th-3')}114          >115            Total Return116          </A_ThSortable>117          <A_Th mix={cn('th-4')}>Strategy name</A_Th>118          <A_Th mix={cn('th-5')}>Action</A_Th>119        </div>120        <div className={cn('list')}>121          {orderedList.map(({ trader: { name, imgId }, weight, totalReturn, strategy, id }) => (122            <A_TableRow type="border-blurred" mix={cn('item')} key={id}>123              <div className={cn('th-1')}>124                <A_Image125                  rounded126                  width={19}127                  height={19}128                  alt={name}129                  mix={cn('logo')}130                  src={`img/userpics/userpic${imgId}.png`}131                />132                <A_Span type="table-medium">{name}</A_Span>133              </div>134              <A_Span mix={cn('th-2')} type="table-small">{`${weight}%`}</A_Span>135              <A_ColoredUsdValue mix={cn('th-3')} value={totalReturn} />136              <A_Span type="table-small-bold" mix={cn('th-4')}>137                {strategy}138              </A_Span>139              <A_Button mix={cn('th-5')} type="button-primary">140                Unfollow141              </A_Button>142            </A_TableRow>143          ))}144        </div>145      </A_Card>146    )147  }...

App.js

Source:App.js

1import React, { Component } from "react";2import "../App.css";3import Nav from "./Nav";4import hogs from "../porkers_data";5import HogContainer from "./HogContainer";6class App extends Component {7  state = {8    allHogs: [],9    onlyGreased: false,10    sortByName: false,11    sortByWeight: false12  };13  componentDidMount() {14    this.setState({ allHogs: hogs });15  }16  filterByGrease = () => {17    this.setState({ onlyGreased: !this.state.onlyGreased });18  };19  sortByName = () => {20    this.setState({ sortByName: !this.state.sortByName, sortByWeight: false });21  };22  sortByWeight = () => {23    this.setState({24      sortByWeight: !this.state.sortByWeight,25      sortByName: false26    });27  };28  render() {29    console.log(this.state);30    let filteredHogs = [...this.state.allHogs];31    if (this.state.onlyGreased) {32      filteredHogs = filteredHogs.filter(hog => {33        return hog.greased === true;34      });35    }36    if (this.state.sortByName) {37      filteredHogs = filteredHogs.sort((hogA, hogB) => {38        return hogA.name.localeCompare(hogB.name);39      });40    }41    if (this.state.sortByWeight) {42      filteredHogs = filteredHogs.sort((hogA, hogB) => {43        return hogB.weight - hogA.weight;44      });45    }46    return (47      <div className="App">48        <Nav49          filterByGrease={this.filterByGrease}50          sortByName={this.sortByName}51          sortByWeight={this.sortByWeight}52        />53        <HogContainer allHogs={filteredHogs} />54      </div>55    );56  }57}...

index.spec.js

Source:index.spec.js

1import {sortByWeight} from './index';2describe('sortByWeight::', () => {3  it('Should sort array by sums of numbers', () => {4    expect(sortByWeight(['1', '123', '456'])).toEqual(['1', '123', '456']);5    expect(sortByWeight(['91', '45', '456'])).toEqual(['45', '91', '456']);6    expect(sortByWeight(['13', '111', '1'])).toEqual(['1', '111', '13']);7  });...

Using AI Code Generation

1const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;2const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;3const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;4const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;5const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;6const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;7const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;8const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;9const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;10const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;11const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;12const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;13const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;14const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;15const sortByWeight = require('devicefarmer-stf-sorter').sortByWeight;

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.