How to use listProfiles method in Appium Xcuitest Driver

1import React, { useState }  from 'react'2import {Button, Modal, ModalHeader, ModalBody, ModalFooter3        ,Row,4        Col,5        Form,6        FormGroup,7        Label,8        Input9} from 'reactstrap'10import ComboBox from '../ComboBox'11import {connect} from 'react-redux';12import {setCurrentEvent,setRuleConditions,setTierConditions,setEditConditionTier,setDelConditionTier,setComboBoxTier} from '../../../reducers/EventOptions'13import EditCondition from './EditConditionTier'14import uuid from 'react-uuid'15import { operationSuggest,fieldSuggest,fieldTypeSuggest,operatorSuggest,valueSuggest} from '../Suggest'16const iconStyle = {17    'margin-right' :'5px'18}19export class ConditionForm extends React.Component{20  constructor(props){21    super(props);22    this.state={23      ...props,24    }25  }26  render(){27    const {condition} = JSON.parse(JSON.stringify(this.state));28    if (condition.field && condition.field.split("(").length>1){29      condition.operation = condition.field.split("(")[0]30      condition.field = condition.field.split("(")[1].split("{")[1]31      condition.field = condition.field.substring(0,condition.field.length-2)32    }33    return(<Row className="justify-content-md-center">34    <Col md={12}>35    <Form>36    <FormGroup row className="mb-3 align-items-center">37      <Col md={3}>38      <Label ><b>Operation<span style ={{color:"#F86C6B"}}>*</span></b></Label></Col>39      <Col md={9}>40      <ComboBox value={condition.operation} type={this.props.type} id="cbx-operation" label="Operation" options={operationSuggest}></ComboBox>41      </Col>42    </FormGroup>43    <FormGroup row className="mb-3 align-items-center">44      <Col md={3}>45      <Label ><b>Field<span style ={{color:"#F86C6B"}}>*</span></b></Label></Col>46      <Col md={9}>47      <ComboBox id="cbx-field" freeSolo={true} label="Field" type={this.props.type} value={condition.field} options={fieldSuggest}></ComboBox>48      </Col>49    </FormGroup>50    <FormGroup row className="mb-3 align-items-center">51      <Col md={3}>52      <Label ><b>Field type<span style ={{color:"#F86C6B"}}>*</span></b></Label></Col>53      <Col md={9}>54      <ComboBox id="cbx-field-type"  type={this.props.type} value={condition.fieldType} label="Field type" options={fieldTypeSuggest}></ComboBox>55      </Col>56    </FormGroup>57    <FormGroup row className="mb-3 align-items-center">58      <Col md={3}>59      60      <Label ><b>Operator<span style ={{color:"#F86C6B"}}>*</span></b></Label></Col>61      <Col md={9}>62      <ComboBox id="cbx-operator"  type={this.props.type} value={condition.operator} label="Operator" options={operatorSuggest}></ComboBox>63        </Col>64    </FormGroup>65    <FormGroup row className="mb-3 align-items-center">66      <Col md={3}>67      68      <Label ><b>Value<span style ={{color:"#F86C6B"}}>*</span></b></Label></Col>69      <Col md={9}>70      <ComboBox id="cbx-value" freeSolo={true}  type={this.props.type} value={condition.value} label="Value" options={valueSuggest}></ComboBox>71        </Col>72    </FormGroup>73  </Form>74    </Col>75  </Row>76)77  }78}79const displayCondition = (condition)=>{80  let value = '';81  if (condition.value===''||condition.value.includes(' ')){82    value='\"\"'83  }else84  {85    value = condition.value86  }87  return condition.field +" "+condition.operator+" "+value88}89class Conditions extends React.Component{90    constructor(props){91        super(props);92        let conditions =[]93        if (props.tierData && props.tierData.conditions){94          conditions=props.tierData.conditions95        }96        if (props.type==='cdt-rule'){97          conditions=props.ruleConditions98        }99        this.state={100            ...this.props,101            modal:false,102            conditions:conditions,103        }104    }105    toggle = () => this.setState({modal:!this.state.modal});106    componentWillReceiveProps = (nextProps)=>{107      let cdt = this.state.conditions;108      let newCdt = nextProps.editCondition;109      if (Object.keys(newCdt).length>0 && newCdt['type'] === nextProps.type){110        //edit condition111        cdt.map(ele=>{112          if (ele.id === newCdt.id){113            for (const property in newCdt) {114              if (property !== 'type' && newCdt[property] !== undefined){115                ele[property] = newCdt[property]116              }117            }118          }119        })120        //update event global121        if (this.props.type==="cdt-tier"){122          let listProfiles = this.props.currentEvent.data.find(ele=>ele.name===this.props.domain).listProfiles;123          listProfiles.map(ele=>{124            if (ele.id === this.props.profileId){125              ele.listTiers.map(eleTier=>{126                if (eleTier.id===this.props.tier.id){127                  eleTier.conditions = cdt;128                }129              })130            }131          })132          this.props.setCurrentEvent({133            ...this.props.currentEvent,134            listProfiles:{135              ...this.props.currentEvent.listProfiles,136              [this.props.domain]:listProfiles,137            }138          });139        }else if (this.props.type==='cdt-rule'){140          let listProfiles = this.props.currentEvent.data.find(ele=>ele.name===this.props.domain).listProfiles;141          listProfiles.map(ele=>{142            if (ele.id.toString() === this.props.profileId.toString()){143              ele.listTiers.map(eleTier=>{144                if (eleTier.id.toString()===this.props.tierId.toString()){145                  eleTier.listRules.map(eleRule=>{146                    if (eleRule.id.toString()===this.props.tierData.id.toString()){147                      eleRule.ruleConditions=cdt148                    }149                  })150                }151              })152            }153          })154          this.props.setCurrentEvent({155            ...this.props.currentEvent,156            listProfiles:{157              ...this.props.currentEvent.listProfiles,158              [this.props.domain]:listProfiles,159            }160          });161        }162        this.setState({163          conditions:cdt,164        })165        this.props.setEditCondition({})166        this.props.setComboBoxTier({})167      }168      //del condition169      let delCdtID = nextProps.delCondition.split('$')[0];170      let type = nextProps.delCondition.split('$')[1];171      let typeId = nextProps.delCondition.split('$')[2];172      173      if (delCdtID.length > 0 && nextProps.type === type && nextProps.tierData.id.toString()===typeId.toString()){174        cdt = cdt.filter(ele=>{175          return ele.id.toString() !== delCdtID.toString()176        })177        //update event global178        if (this.props.type==="cdt-tier"){179          let listProfiles = this.props.currentEvent.data.find(ele=>ele.name===this.props.domain).listProfiles;180          listProfiles.map(ele=>{181            if (ele.id === this.props.profileId){182              ele.listTiers.map(eleTier=>{183                if (eleTier.id===this.props.tier.id){184                  eleTier.conditions = cdt;185                }186              })187            }188          })189          this.props.setCurrentEvent({190            ...this.props.currentEvent,191            listProfiles:{192              ...this.props.currentEvent.listProfiles,193              [this.props.domain]:listProfiles,194            }195          });196        }else if (this.props.type==='cdt-rule'){197          let listProfiles = this.props.currentEvent.data.find(ele=>ele.name===this.props.domain).listProfiles;198          listProfiles.map(ele=>{199            if (ele.id.toString() === this.props.profileId.toString()){200              ele.listTiers.map(eleTier=>{201                if (eleTier.id.toString()===this.props.tierId.toString()){202                  eleTier.listRules.map(eleRule=>{203                    if (eleRule.id.toString()===this.props.tierData.id.toString()){204                      eleRule.ruleConditions=cdt205                    }206                  })207                }208              })209            }210          })211          this.props.setCurrentEvent({212            ...this.props.currentEvent,213            listProfiles:{214              ...this.props.currentEvent.listProfiles,215              [this.props.domain]:listProfiles,216            }217          });218        }219        this.setState({220          conditions:cdt,221        })222        this.props.setDelCondition('')223        this.props.setComboBoxTier({})224      }225    }226    handleAddNewCondition = () =>{227      let condition = {228        id:uuid(),229        conditionType:this.props.type==='cdt-tier'?"tier":"rule",230        conditionTypeId:this.props.type==='cdt-tier'?this.props.tierData.id:this.props.tierData.latestVersion.id,231        operation: this.props.comboBoxTier["cbx-operation"]?this.props.comboBoxTier["cbx-operation"]:"compare",232        field: this.props.comboBoxTier["cbx-field"]?this.props.comboBoxTier["cbx-field"]:'userid',233        fieldType: this.props.comboBoxTier["cbx-field-type"]?this.props.comboBoxTier["cbx-field-type"]:"STRING",234        operator: this.props.comboBoxTier["cbx-operator"]?this.props.comboBoxTier["cbx-operator"]:"==",235        value: this.props.comboBoxTier["cbx-value"]?this.props.comboBoxTier["cbx-value"]:"",236      }237      if (condition.operation.toLowerCase()!=='compare'){238        condition.field = condition.operation.toUpperCase()+"(${"+condition.field.toLowerCase()+"})"239      }else{240        condition.field = condition.field.toLowerCase()241      }242      this.props.setComboBoxTier({})243      let cdt = JSON.parse(JSON.stringify(this.state.conditions))244      cdt.push(condition)245      this.setState({246        conditions:cdt,247        modal:false,248      })249      250      if (this.props.type === 'cdt-rule')251      {252        let listProfiles = this.props.currentEvent.data.find(ele=>ele.name===this.props.domain).listProfiles;253        listProfiles.map(ele=>{254          if (ele.id.toString() === this.props.profileId.toString()){255            ele.listTiers.map(eleTier=>{256              if (eleTier.id.toString()===this.props.tierId.toString()){257                eleTier.listRules.map(eleRule=>{258                  if (eleRule.id.toString()===this.props.tierData.id.toString()){259                    eleRule.ruleConditions=cdt260                  }261                })262              }263            })264          }265        })266        this.props.setCurrentEvent({267          ...this.props.currentEvent,268          listProfiles:{269            ...this.props.currentEvent.listProfiles,270            [this.props.domain]:listProfiles,271          }272        });273      }274      else if (this.props.type === 'cdt-tier'){275        let listProfiles = this.props.currentEvent.data.find(ele=>ele.name===this.props.domain).listProfiles;276        listProfiles.map(ele=>{277          if (ele.id === this.props.profileId){278            ele.listTiers.map(eleTier=>{279              if (eleTier.id===this.props.tier.id){280                eleTier.conditions = cdt;281              }282            })283          }284        })285        this.props.setCurrentEvent({286          ...this.props.currentEvent,287          listProfiles:{288            ...this.props.currentEvent.listProfiles,289            [this.props.domain]:listProfiles,290          }291        });292      }293    }294    render(){295        let {conditions,modal} = this.state;296        if (this.props.type==='cdt-rule'){297          conditions = this.props.ruleConditions298        }299        return (300            <React.Fragment>301                302                {this.props.mode==='view'&&conditions.length===0?'None':conditions.map((condition,index)=>303                    (<EditCondition mode={this.props.mode} key={index} type = {this.props.type} typeId = {this.props.tierData.id} buttonLabel={displayCondition(condition)} condition={condition} size= "sm" style={iconStyle} color="secondary" className={displayCondition(condition)}></EditCondition>)304                )}305                {this.props.mode==='view'?<span></span>:306                <Button color="secondary" size="sm" outline onClick={this.toggle}>+</Button>}307                <Modal isOpen={modal} toggle={this.toggle}>308                <ModalHeader toggle={this.toggle}>Add new condition</ModalHeader>309                <ModalBody>310                    <ConditionForm key={this.props.key} type = {this.props.type} condition={{}}></ConditionForm>311                </ModalBody>312                <ModalFooter>313                  <Button color="secondary" onClick={this.toggle}>Cancel</Button>314                  <Button color="primary" onClick={this.handleAddNewCondition}>Save changes</Button>315                </ModalFooter>316              </Modal>317            </React.Fragment>318        );319    }320}321const mapStateToProps = state => ({322  comboBoxTier: state.EventOptions.comboBoxTier,323  currentEvent: state.EventOptions.currentEvent,324  editCondition:state.EventOptions.editConditionTier,325  delCondition:state.EventOptions.delConditionTier,326});327const mapDispatchToProps = dispatch => ({328  setComboBoxTier:data=> dispatch(setComboBoxTier(data)),329  setCurrentEvent:data=> dispatch(setCurrentEvent(data)),330  setEditCondition:data=> dispatch(setEditConditionTier(data)),331  setDelCondition:data=> dispatch(setDelConditionTier(data)),332  setRuleConditions:data=> dispatch(setRuleConditions(data)),333  setTierConditions:data=> dispatch(setTierConditions(data)),334});...

1import React, { useEffect, useState } from 'react'2import styled from 'styled-components'3import noImg from '../assets/images/noimage.gif'4import { API, Storage } from 'aws-amplify'5import * as mutations from '../graphql/mutations'6import * as queries from '../graphql/queries'7import { v4 as uuidv4 } from 'uuid'8import S3 from 'react-aws-s3'9import { filenameToContentType } from '@aws-amplify/core'10const ManageWrapper = styled.div``11const Content_Title = styled.h1`12  border-bottom: 2px solid #353535;13`14const Blog_name = styled.div`15  display: flex;16`17const Blog_description = styled.div`18  display: flex;19`20const Blog_table = styled.table``21const ManageProfile = () => {22  const [profileImgUrl, setProfileImgUrl] = useState('')23  const [profileImg, setProfileImg] = useState('')24  const [introduce, setIntroduce] = useState('')25  const [id, setId] = useState('')26  const handleChange = (e) => {27    setIntroduce(e.target.value)28    console.log(introduce)29  }30  const submit_Profile = async () => {31    const profileDetail = {32      name: 'dummy',33      description: introduce,34      profile_img: profileImg,35    }36    if(profileImgUrl == '')37    {38      const updateDetail = {39        id: id,40        description: introduce,41        name: 'dummy',42        profile_img: profileImg,43      }44      if (id == '') {45        console.log(id)46  47        const newProfile = await API.graphql({48          query: mutations.createProfile,49          variables: { input: profileDetail },50        })51      } else {52        console.log(id)53        const updateProfile = await API.graphql({54          query: mutations.updateProfile,55          variables: { input: updateDetail },56        })57      }58    }else 59    {60      const updateDetail = {61        id: id,62        description: introduce,63      64      }65      if (id == '') {66        console.log(id)67  68        const newProfile = await API.graphql({69          query: mutations.createProfile,70          variables: { input: profileDetail },71        })72      } else {73        console.log(id)74        const updateProfile = await API.graphql({75          query: mutations.updateProfile,76          variables: { input: updateDetail },77        })78      }79    }80  81    if (profileImg != '') {82     83      const type = profileImg.type;84      const format = type.split('/');85      console.log(format[1]);86      const result = await Storage.put(id+"_"+uuidv4()+"."+format[1], profileImg, {87        contentType : profileImg.type,88        progressCallback(progress) {89          console.log(`Uploaded: ${progress.loaded}/${progress.total}`)90        },91      })92    }93    alert("저장되었습니다");94  }95  const get_Profile = async () => {96    const allProfile = await API.graphql({ query: queries.listProfiles })97    if (allProfile.data.listProfiles.items.length != 0) {98      console.log(allProfile)99      console.log(allProfile.data.listProfiles.items[0].id)100      setId(allProfile.data.listProfiles.items[0].id)101      setIntroduce(allProfile.data.listProfiles.items[0].description)102      setProfileImgUrl(allProfile.data.listProfiles.items[0].profile_img)103      console.log(allProfile.data.listProfiles.items[0].description)104      console.log(allProfile.data.listProfiles.items[0].profile_img)105    }106  }107  const handleImg = (event) => {108    if(profileImg !== '')109    {110    }111    else {112      //bug 존재 사진설정하지않고 이미지 업로드시 초기화113      setProfileImg(event.target.files[0])114      setProfileImgUrl(URL.createObjectURL(event.target.files[0]))115    }116    117    118  }119  useEffect(() => {120    console.log(profileImg)121  }, [profileImg])122  useEffect(()=>123  {124    setProfileImg(profileImg)125  },[introduce])126  useEffect(() => {127    console.log(id)128  }, [id])129  useEffect(() => {130    get_Profile()131  }, [])132  return (133    <ManageWrapper>134      <Content_Title>블로그 정보</Content_Title>135      <Blog_table>136        <tbody>137          <tr>138            <td>블로그명</td>139            <td>140              <input type="text"></input>141            </td>142          </tr>143          <tr>144            <td>소개글</td>145            <td>146              <textarea147                cols="80"148                rows="3"149                value={introduce}150                onChange={handleChange}151              />152            </td>153          </tr>154          <tr>155            <td>블로그 프로필 이미지</td>156            <td>157              {profileImgUrl ? (158                <img src={profileImgUrl} width="180" height="180" />159              ) : (160                <img src={noImg} width="180" height="180" />161              )}162              <input type="file" onChange={handleImg} accept="image/*" />163            </td>164          </tr>165        </tbody>166      </Blog_table>167      <button onClick={submit_Profile}> 저장 </button>168    </ManageWrapper>169  )170}...

...40      listProfiles.mockReturnValue(Promise.reject(new ApiResponseError('o_O')));41      const [_request, action] = await capture(login('a@b.org', '1337'));42      expect(action).toEqual({ type: constants.AUTH_LOGIN_FAILURE });43    });44    it('should call listProfiles() with the correct params', async () => {45      await login('a@b.org', '1337')(noop);46      expect(listProfiles.mock.calls).toEqual([[{47        email: 'a@b.org',48        password: '1337',49      }, {50        email: 'a@b.org',51      }]]);52    });53  });...

1import React, { useState, useEffect } from "react";2import { Storage, API, graphqlOperation } from "aws-amplify";3import { listProfiles } from "../../graphql/queries";4import UploadProfile from "./UploadProfile";5import ProfileGallery from "./ProfileGallery";6import { Col, Row } from "reactstrap";7export default function Profile(props) {8  const [profiles, setProfiles] = useState([]);9  const [picture] = useState("");10  useEffect(() => {11    getAllCoursesToState();12  }, [picture]);13  const getAllCoursesToState = async () => {14    //     console.log("inside courses oprn");15    const result = await API.graphql(graphqlOperation(listProfiles));16    let courseArray = await buildCourseArray(17      result.data.listProfiles.items18    );19    setProfiles(courseArray);20  };21  const buildCourseArray = async (listProfiles) => {22    return await getCourseList(listProfiles);23  };24  const getCourseList = async (profileList) => {25    return Promise.all(26      profileList.map(async (i) => {27        return getOneFormatedCourse(i);28      })29    );30  };31  const getOneFormatedCourse = async (singleProfile) => {32    console.log("getOneFormatedCourse 11", singleProfile);33    return {34      src: await Storage.get(singleProfile.file.key),35      id: singleProfile.id,36      name: singleProfile.name,37      accountType: singleProfile.accountType,38      description: singleProfile.description,39      key: singleProfile.file.key,40    };41  };42  return (43    <div>44      <Row>45        <Col className="col-lg-8">46          <ProfileGallery profile={profiles} />47        </Col>48        <Col className="col-lg-4">49          <UploadProfile />50        </Col>51      </Row>52    </div>53  );...

1import React, { Component } from 'react';2import { Text, View, Image } from 'react-native';3import { graphql, compose } from 'react-apollo';4import Carousel from 'react-native-snap-carousel';5import ListProfilesQuery from './listProfilesQuery';6import styles from './styles';7class Friends extends React.Component {8  render() {9    const { listProfiles: { loading, error } } = this.props;10    if(loading) {11      return (12        <View style={styles.container}>13          <Text>14            Loading15          </Text>16        </View>17      )18    }19    if(error) {20      return (21        <View style={styles.container}>22          <Text>23            {24              error.message25            }26          </Text>27        </View>28      )29    }30    const { listProfiles: { listProfiles: { items } } } = this.props;31    return (<View style={styles.container}>32      <Carousel33          layout={'tinder'}34          data={items}35          renderItem={this.renderItem}36          sliderWidth={400}37          itemWidth={220}/>38      </View>)39  }40  renderItem ({item, index}) {41        return (42            <View style={styles.cardContainer}>43                <Image style={styles.image} source={{ uri: item.picture }}/>44                <View style={styles.textContainer}>45                  <Text style={styles.nameText}>{item.firstName + ' ' + item.lastName}</Text>46                  <Text style={styles.ageText}>{item.age}</Text>47                </View>48            </View>49        );50    }51}52Friends = compose(graphql(53  ListProfilesQuery, {54    name: 'listProfiles'55  })56)(Friends)...

1import Amplify, { API, graphqlOperation } from 'aws-amplify';2import React from 'react';3import aws_exports from '../../aws-exports';4import { listProfiles } from '../../graphql/queries';5import Profile from '../Profile/Profile';6Amplify.configure(aws_exports);7export default class StudentDashboard extends React.Component {8    constructor() {9        super();10        this.state = {11            profiles: [],12            img: ''13        };14        this.handleEdit = this.handleEdit.bind(this);15    }16    async componentDidMount() {17        const data = await API.graphql(graphqlOperation(listProfiles));18        this.setState({ profiles: data.data.listProfiles.items });19        console.log(data.data.listProfiles.items);20    }21    handleEdit(e) {22        this.setState({ profiles: [{ firstName: e.target.value }] });23    }24    render() {25        return (26            <>27                <Profile28                    profilesData={this.state.profiles}29                    handleImg={this.handleImg}30                    handleEdit={this.handleEdit}31                />32            </>33        );34    }...

1import React from 'react';2import PropTypes from 'prop-types';3import { withRouter } from 'react-router-dom';4import { Table, Row, Button, Divider } from 'antd';5import data from '../../../mock/roles';6const columns = [7  {8    title: 'Nome',9    dataIndex: 'name',10    key: 'name',11    render: text => <a href="#">{text}</a>,12  },13  {14    title: 'Descrição',15    dataIndex: 'description',16    key: 'description',17  },18];19const ListProfiles = ({ history }) => (20  <div>21    <Row type="flex" justify="end">22      <Button23        type="primary"24        onClick={() => {25          history.push('/roles/new');26        }}27      >28          Novo Perfil29      </Button>30    </Row>31    <Divider />32    <Row>33      <Table34        columns={columns}35        dataSource={data}36        pagination={{ pageSize: 2 }}37      />38    </Row>39  </div>40);41ListProfiles.propTypes = {42  history: PropTypes.object, // eslint-disable-line react/forbid-prop-types43};...

1import {Platform, StatusBar} from 'react-native';2import {createStackNavigator} from 'react-navigation-stack';3import React from 'react';4import ListProfiles from '../views/listOfCompatibleProfiles/listProfiles';5import SeeWhoLikeMee from '../views/listOfCompatibleProfiles/seeWhoLikeMee';6import {DARK} from '../constant/colors';7/*8  Navegación interna dentro de la pantalla de perfil9*/10const compatibleProfileStack = createStackNavigator(11  {12    ListProfiles: {13      screen: props => <ListProfiles navigation={props.navigation}/>,14      navigationOptions: () => ({15        header: null,16      }),17    },18    SeeWhoLikeMee: {19      screen: SeeWhoLikeMee,20      navigationOptions: () => ({21        title: `Likes:`,22        headerTintColor: "white",23        headerStyle: {24          backgroundColor: DARK25        },26      }),27    },28  },29  {30    initialRouteName: 'ListProfiles',31  },32);...