How to use this.updateSettings method in Appium Xcuitest Driver

...74    if (typeof window === 'undefined' || typeof document === 'undefined') {75      return;76    }77    if (this.props.disabled === false && prevProps.disabled === true) {78      this.updateSettings('disabled', false);79      this.destroyTippy();80      this.initTippy();81      return;82    }83    if (this.props.disabled === true && prevProps.disabled === false) {84      this.updateSettings('disabled', true);85      this.destroyTippy();86      return;87    }88    // hide89    if (this.props.close === true) {90      this.hideTooltip();91    }92    // open93    if (this.props.open === true && !prevProps.open) {94      this.updateSettings('open', true);95      setTimeout(() => {96        this.showTooltip();97      }, 0);98    }99    if (this.props.open === false && prevProps.open === true) {100      this.updateSettings('open', false);101      this.hideTooltip();102    }103    if (this.props.html !== prevProps.html) {104      this.updateReactDom();105    }106    // Update content107    if (this.props.title !== prevProps.title) {108      this.updateTippy();109    }110    // update otherProps111    const propChanges = detectPropsChanged(this.props, prevProps);112    propChanges.forEach(key => {113      this.updateSettings(key, this.props[key]);114    });115  }116  _showTooltip() {117    if (typeof window === 'undefined' || typeof document === 'undefined') {118      return;119    }120    if (this.tippy) {121      const popper = this.tippy.getPopperElement(this.tooltipDOM);122      this.tippy.show(popper, this.props.duration);123    }124  }125  _hideTooltip() {126    if (typeof window === 'undefined' || typeof document === 'undefined') {127      return;128    }129    if (this.tippy) {130      const popper = this.tippy.getPopperElement(this.tooltipDOM);131      this.tippy.hide(popper, this.props.hideDuration);132    }133  }134  _updateSettings(name, value) {135    if (typeof window === 'undefined' || typeof document === 'undefined') {136      return;137    }138    if (this.tippy) {139      const popper = this.tippy.getPopperElement(this.tooltipDOM);140      this.tippy.updateSettings(popper, name, value);141    }142  }143  _updateReactDom() {144    if (typeof window === 'undefined' || typeof document === 'undefined') {145      return;146    }147    if (this.tippy) {148      this.updateSettings('reactDOM', this.props.html);149      const popper = this.tippy.getPopperElement(this.tooltipDOM);150      const isVisible = popper.style.visibility === 'visible' || this.props.open;151      if (isVisible) {152        this.tippy.updateForReact(popper, this.props.html);153      }154    }155  }156  _updateTippy() {157    if (typeof window === 'undefined' || typeof document === 'undefined') {158      return;159    }160    if (this.tippy) {161      const popper = this.tippy.getPopperElement(this.tooltipDOM);162      this.tippy.update(popper);163    }164  }165  _initTippy() {166    if (typeof window === 'undefined' || typeof document === 'undefined') {167      return;168    }169    if (!this.props.disabled) {170      this.tooltipDOM.setAttribute('title', this.props.title);171      this.tippy = tippy(this.tooltipDOM, {172        disabled: this.props.disabled,173        position: this.props.position,174        animation: this.props.animation,175        animateFill: this.props.animateFill,176        arrow: this.props.arrow,177        arrowSize: this.props.arrowSize,178        delay: this.props.delay,179        hideDelay: this.props.hideDelay,180        trigger: this.props.trigger,181        duration: this.props.duration,182        hideDuration: this.props.hideDuration,183        interactive: this.props.interactive,184        interactiveBorder: this.props.interactiveBorder,185        theme: this.props.theme,186        offset: this.props.offset,187        hideOnClick: this.props.hideOnClick,188        multiple: this.props.multiple,189        size: this.props.size,190        followCursor: this.props.followCursor,191        inertia: this.props.inertia,192        popperOptions: this.props.popperOptions,193        beforeShown: this.props.beforeShown,194        shown: this.props.shown,195        beforeHidden: this.props.beforeHidden,196        hidden: this.props.hidden,197        distance: this.props.distance,198        reactDOM: this.props.html,199        unmountHTMLWhenHide: this.props.unmountHTMLWhenHide,200        open: this.props.open,201        close: this.props.close,202        sticky: this.props.sticky,203        stickyDuration: this.props.stickyDuration,204        onRequestClose: this.props.onRequestClose,205        useContext: this.props.useContext,206        reactInstance: this.props.useContext ? this : undefined207      });208      if (this.props.open) {209        this.showTooltip();210      }211    } else {212      this.tippy = null;213    }214  }215  _destroyTippy() {216    if (typeof window === 'undefined' || typeof document === 'undefined') {217      return;218    }219    if (this.tippy) {220      const popper = this.tippy.getPopperElement(this.tooltipDOM);221      this.updateSettings('open', false);222      this.tippy.hide(popper, 0);223      this.tippy.destroy(popper);224      this.tippy = null;225    }226  }227  render() {228    return (229      <div230        ref={tooltip => {231          this.tooltipDOM = tooltip;232        }}233        title={this.props.title}234        className={this.props.className || this.props.class}235        style={{...

...37            let rowHeights=this.getSettings().rowHeights;38            let oldRowHeights=rowHeights.concat([]);39            let newRowHeights=rowHeights.concat([]);40            newRowHeights.splice(currentRow,1,newSize);41            this.updateSettings({42                rowHeights:newRowHeights,43                manualRowResize:newRowHeights44            });45            const _this=this;46            utils.undoManager.add({47                redo:function(){48                    rowHeights=_this.getSettings().rowHeights;49                    oldRowHeights=rowHeights.concat([]);50                    newRowHeights.splice(currentRow,1,newSize);51                    _this.updateSettings({52                        rowHeights:newRowHeights,53                        manualRowResize:newRowHeights54                    });55                    utils.setDirty();56                },57                undo:function(){58                    _this.updateSettings({59                        rowHeights:oldRowHeights,60                        manualRowResize:oldRowHeights61                    });62                    utils.setDirty();63                }64            });65            utils.setDirty();66        });67        this.hot.addHook('afterColumnResize',function(currentColumn,newSize){68            let colWidths=this.getSettings().colWidths;69            let newColWidths=colWidths.concat([]);70            let oldColWidths=colWidths.concat([]);71            newColWidths.splice(currentColumn,1,newSize);72            this.updateSettings({73                colWidths:newColWidths,74                manualColumnResize:newColWidths75            });76            const _this=this;77            utils.undoManager.add({78                redo:function(){79                    colWidths=_this.getSettings().colWidths;80                    newColWidths=colWidths.concat([]);81                    oldColWidths=colWidths.concat([]);82                    newColWidths.splice(currentColumn,1,newSize);83                    _this.updateSettings({84                        colWidths:newColWidths,85                        manualColumnResize:newColWidths86                    });87                    utils.setDirty();88                },89                undo:function(){90                    _this.updateSettings({91                        colWidths:oldColWidths,92                        manualColumnResize:oldColWidths93                    });94                    utils.setDirty();95                }96            });97            utils.setDirty();98        });99    }100    loadFile(file,callback){101        const _this=this;102        const url=window._server+"/designer/loadReport";103        $.ajax({104            url,...

1import React, { Component } from 'react';2import { ScrollView, View, TouchableOpacity, Text, TextInput, Button } from 'react-native';3import { createAppContainer, NavigationEvents } from 'react-navigation';4import { createDrawerNavigator } from 'react-navigation-drawer';5import { createStackNavigator } from 'react-navigation-stack';6import Icon from 'react-native-vector-icons/FontAwesome';7import AsyncStorage from '@react-native-community/async-storage';8import { WebView } from 'react-native-webview';9import { NetworkInfo } from 'react-native-network-info';10class Main extends Component {11  constructor(props) {12    super(props);13    this.state = {14      url: ''15    }16  }17  applySettings = async () => {18    try {19      const value = await AsyncStorage.getItem('@settings');20      if (value !== null) {21        const data = JSON.parse(value);22        const auth = data.password ? `${data.username}:${data.password}@` : '';23        NetworkInfo.getSSID().then(ssid => {24          if (ssid === data.wifiSSID) {25            const url = `http://${auth}${data.wifiAddress}/?mode=native&username=${data.username}&password=${data.password}`26            this.setState({ url: url });27          } else {28            const url = `http://${auth}${data.remoteAddress}/?mode=native&username=${data.username}&password=${data.password}`29            this.setState({ url: url });30          }31        });32      }33    } catch (e) {34      console.log(e)35    }36  }37  render() {38    return (39      <>40        <NavigationEvents41          onDidFocus={() => this.applySettings()}42        />43        <WebView44          source={{ uri: this.state.url }}45        />46      </>47    );48  }49}50class Settings extends Component {51  constructor(props) {52    super(props);53    this.state = {54      wifiAddress: '',55      wifiSSID: '',56      remoteAddress: '',57      username: '',58      password: ''59    };60  }61  loadSettings = async () => {62    try {63      const value = await AsyncStorage.getItem('@settings');64      if (value !== null) {65        const data = JSON.parse(value);66        this.setState(data);67      }68    } catch (e) {69      console.log(e)70    }71  }72  storeSettings = async () => {73    try {74      await AsyncStorage.setItem('@settings', JSON.stringify(this.state))75    } catch (e) {76      console.log(e)77    }78  }79  updateSettings = function (key, value) {80    var entry = {};81    entry[key] = value;82    this.setState(entry, this.storeSettings);83  }84  setSSID = function () {85    NetworkInfo.getSSID().then(ssid => {86      this.setState({ "wifiSSID": ssid }, this.storeSettings);87    });88  }89  render() {90    return (91      <ScrollView style={{ margin: 10 }}>92        <NavigationEvents93          onDidFocus={() => this.loadSettings()}94        />95        <Text style={{ fontSize: 18 }}>Wifi address :</Text>96        <TextInput97          placeholder="192.168.0.1:12345"98          placeholderTextColor="#888"99          defaultValue={this.state.wifiAddress}100          onChangeText={this.updateSettings.bind(this, 'wifiAddress')}101        />102        <Text style={{ fontSize: 18 }}>Wifi SSID :</Text>103        <TextInput104          placeholder="192.168.0.1:12345"105          placeholderTextColor="#888"106          defaultValue={this.state.wifiSSID}107          onChangeText={this.updateSettings.bind(this, 'wifiSSID')}108        />109        <View style={{ marginBottom: 15 }}>110          <Button111            title="Current SSID"112            onPress={this.setSSID.bind(this)}113          />114        </View>115        <Text style={{ fontSize: 18 }}>Remote address :</Text>116        <TextInput117          placeholder="192.168.0.1:12345"118          placeholderTextColor="#888"119          defaultValue={this.state.remoteAddress}120          onChangeText={this.updateSettings.bind(this, 'remoteAddress')}121        />122        <Text style={{ fontSize: 18 }}>Username :</Text>123        <TextInput124          placeholder="admin"125          placeholderTextColor="#888"126          defaultValue={this.state.username}127          onChangeText={this.updateSettings.bind(this, 'username')}128        />129        <Text style={{ fontSize: 18 }}>Password :</Text>130        <TextInput131          placeholder="admin"132          placeholderTextColor="#888"133          secureTextEntry={true}134          defaultValue={this.state.password}135          onChangeText={this.updateSettings.bind(this, 'password')}136        />137      </ScrollView>138    );139  }140}141class NavigationDrawer extends Component {142  toggleDrawer = () => {143    this.props.navigationProps.toggleDrawer();144  };145  render() {146    return (147      <View style={{ flexDirection: 'row' }}>148        <TouchableOpacity onPress={this.toggleDrawer.bind(this)}>149          <Icon name="bars" size={24} color="#fff" style={{ marginLeft: 20 }} />150        </TouchableOpacity>151      </View>152    );153  }154}155const MainStackNavigator = createStackNavigator({156  First: {157    screen: Main,158    navigationOptions: ({ navigation }) => ({159      title: 'H.A.S.C.',160      headerLeft: () => <NavigationDrawer navigationProps={navigation} />,161      headerStyle: {162        backgroundColor: '#3f51b5',163      },164      headerTintColor: '#fff',165    }),166  },167});168const SettingsStackNavigator = createStackNavigator({169  Second: {170    screen: Settings,171    navigationOptions: ({ navigation }) => ({172      title: 'H.A.S.C.',173      headerLeft: () => <NavigationDrawer navigationProps={navigation} />,174      headerStyle: {175        backgroundColor: '#3f51b5',176      },177      headerTintColor: '#fff',178    }),179  },180});181const DrawerNavigator = createDrawerNavigator({182  Main: {183    screen: MainStackNavigator,184    navigationOptions: {185      drawerLabel: 'Home',186    },187  },188  Settings: {189    screen: SettingsStackNavigator,190    navigationOptions: {191      drawerLabel: 'Settings',192    },193  },194}, {195  drawerType: "back",196  initialRouteName: "Main"197});...

...23        }24    },25    getSettingsFromProps() {26        if (this.props.settings === null) {27            this.updateSettings({ API: "http://myserver.subsonic.org", APIUser: null, APIPass: null });28        } else {29            this.updateSettings(this.props.settings);30        }31    },32    onUrlChange (e) {33        var settings = this.state.settings;34        settings.API = e.target.value;35        this.updateSettings(settings);36    },37    onUserChange (e) {38        var settings = this.state.settings;39        settings.APIUser = e.target.value;40        this.updateSettings(settings);41    },42    onPasswordChange (e) {43        var settings = this.state.settings;44        settings.APIPass = e.target.value;45        this.updateSettings(settings);46    },47    updateSettings(settings) {48        this.setState({49            settings: settings50        });51    },52    handleLogin(e) {53        var settings = this.state.settings;54        if(settings.API.length > 0 55            && settings.APIUser !== null && settings.APIUser.length > 0 56            && settings.APIPass !== null && settings.APIPass.length > 0) {57            actions.saveSettings(settings.API, settings.APIUser, settings.APIPass);58            settings.error = null;59            this.setState({60                settings: settings,61                loading: true62            });63        } else {64            settings.error = "Please provide a username and password.";65            this.updateSettings(settings);66        }67    },68    render () {69        var settings = this.state.settings;70        var error = "";71        if (settings.hasOwnProperty("error") && settings.error !== null) {72            error = (<span><strong>Error: </strong>{settings.error}</span>);73        }74        75        var buttonClass="waves-effect waves-light btn";76        var spinner = "";77        if(this.state.loading) {78            buttonClass += " disabled";79            spinner = (...

...30  setSource(source) {31    this.setState({ source });32    source.samples().then(samples => {33      this.setState({ samples });34      this.updateSettings({ sample: samples[0] });35    });36  }37  updateSettings(settings) {38    this.setState({39      settings: Object.assign({}, this.state.settings, settings)40    });41  }42  render() {43    const { source, samples, settings } = this.state;44    return (45      <SettingsContext.Provider value={settings}>46        <SourceContext.Provider value={source}>47          <BrowserRouter basename={process.env.PUBLIC_URL}>48            <main>...

...68  };69  toggleRatioLock = ratioLocked => {70    const {ratioLocked: isLocked} = this.state;71    if (ratioLocked) {72      this.updateSettings({ratioLocked});73    } else {74      this.updateSettings({ratioLocked: !isLocked});75    }76    this.cropperContainer.setOriginal();77  };78  toggleAdvanced = () => {79    if (!this.cropperContainer.state.isFullscreen) {80      const {advanced, screenWidth} = this.state;81      this.updateSettings({advanced: !advanced});82      if (!advanced) {83        const width = screenWidth * 0.2;84        const height = width * 0.75; // 4:385        this.cropperContainer.setSize({86          width,87          height88        });89      }90    }91  };92  startMoving = ({pageX, pageY}) => {93    this.setState({isMoving: true, offsetX: pageX, offsetY: pageY});94    this.cursorContainer.addCursorObserver(this.move);95  };96  stopMoving = () => {97    const {x, y} = this.state;98    this.updateSettings({x, y});99    this.setState({isMoving: false});100    this.cursorContainer.removeCursorObserver(this.move);101  };102  move = ({pageX, pageY}) => {103    const {x, y, offsetX, offsetY, height, width, screenWidth, screenHeight} = this.state;104    const updates = {105      offsetX: pageX,106      offsetY: pageY107    };108    if (y + pageY - offsetY + height <= screenHeight && y + pageY - offsetY >= 0) {109      updates.y = y + pageY - offsetY;110    }111    if (x + pageX - offsetX + width <= screenWidth && x + pageX - offsetX >= 0) {112      updates.x = x + pageX - offsetX;...

...56				crossedZeroToOneCount++;57				console.log('d');58			}59			if (this.currentLoopCount === 3 && this.progress.ratioCompleted > 0.5 && !once) {60				this.updateSettings({61					reverse: true,62				});63				once = true;64			}65			last = this.progress.ratioCompleted;66			console.log(this.currentLoopCount);67			const freshCoords = {68				x: this.progressAt('x').easedTweened,69				y: this.progressAt('y').easedTweened,70			};71			ball.update({72				xy: freshCoords,73			});74			console.log(JSON.stringify(this.progress));75			// if (this.progress.ratioCompleted > 0.5 && !this.settings.reverse) {76			// 	this.updateSettings({77			// 		delay: 1500,78			// 	});79			// }80			// if (this.progress.ratioCompleted > 0.6 && !this.settings.reverse) {81			// 	this.updateSettings({82			// 		reverse: true,83			// 	});84			// }85			// if (this.progress.ratioCompleted < 0.5 && this.settings.reverse) {86			// 	this.updateSettings({87			// 		delay: 1200,88			// 	});89			// }90			// if (this.progress.ratioCompleted < 0.4 && this.settings.reverse) {91			// 	this.updateSettings({92			// 		reverse: false,93			// 	});94			// }95			// if (this.progress.ratioCompleted < 0.3 && this.settings.reverse) {96			// 	this.updateSettings({97			// 		reverse: false,98			// 	});99			// }100			// setupEl({101			// 	el: ball.el,102			// 	xy: freshCoords,103			// });104			// setupEl({105			// 	className: 'ball ball--ghost',106			// 	tag: 'div',107			// 	xy: freshCoords,108			// 	appendTo: container,109			// });110		},111		onComplete() {112			// if (!once) {113			// 	this.updateSettings({114			// 		reverse: true,115			// 	});116			// 	this.resetAll();117			// }118			// once = true;119		},120	});121	buildDemoUI(ball, stimulation);122});...

1import React from 'react'2export const defaultSettings = {3  footerLinks: [4    {5      name: 'Social',6      color: '#FFB640',7      links: [8        {9          name: 'Facebook',10          href: 'https://facebook.com',11        },12        {13          name: 'Twitter',14          href: 'https://twitter.com',15        },16        {17          name: '',18          href: '',19        },20      ],21    },22    {23      name: 'Media',24      color: '#FF5840',25      links: [26        {27          name: 'Youtube',28          href: 'https://youtube.com',29        },30        {31          name: 'Netflix',32          href: 'https://netflix.com',33        },34        {35          name: 'Vimeo',36          href: 'https://vimeo.com',37        },38      ],39    },40    {41      name: 'Development',42      color: '#55B4DC',43      links: [44        {45          name: 'Github',46          href: 'https://github.com',47        },48        {49          name: '',50          href: '',51        },52        {53          name: '',54          href: '',55        },56      ],57    },58    {59      name: '',60      color: '#A2C44B',61      links: [62        {63          name: '',64          href: '',65        },66        {67          name: '',68          href: '',69        },70        {71          name: '',72          href: '',73        },74      ],75    },76  ],77}78export const SettingsContext = React.createContext()79export const SettingsConsumer = SettingsContext.Consumer80let internalUpdate = null81export const updateSettings = newSettings => {82  if (internalUpdate) {83    internalUpdate(newSettings)84  } else {85    throw new Error('Settings is still loading')86  }87}88export default class SettingsProvider extends React.Component {89  constructor(props) {90    super(props)91    let saved = window.localStorage.getItem('settings')92    if (saved) {93      saved = JSON.parse(saved)94      this.state = saved95    } else {96      this.state = {97        ...defaultSettings,98      }99    }100    this.updateSettings = this.updateSettings.bind(this)101  }102  updateSettings(newSettings) {103    this.setState(newSettings, () => {104      window.localStorage.setItem('settings', JSON.stringify(this.state))105    })106  }107  componentDidMount() {108    internalUpdate = this.updateSettings109  }110  render() {111    return (112      <SettingsContext.Provider value={this.state}>113        {this.props.children}114      </SettingsContext.Provider>115    )116  }...