How to use trackState method in Cypress

1'use strict';2const assert = require('assert');3const RemoteTrackPublicationV2 = require('../../../../../lib/signaling/v2/remotetrackpublication');4const { makeUUID } = require('../../../../../lib/util');5describe('RemoteTrackPublicationV2', () => {6  // RemoteTrackPublicationV27  // -------8  describe('constructor', () => {9    it('sets .name', () => {10      const name = makeUUID();11      assert.equal(name, (new RemoteTrackPublicationV2({12        enabled: makeEnabled(),13        kind: makeKind(),14        name: name,15        sid: makeSid()16      })).name);17    });18    it('sets .sid', () => {19      const sid = makeSid();20      assert.equal(sid, (new RemoteTrackPublicationV2({21        enabled: makeEnabled(),22        kind: makeKind(),23        name: makeUUID(),24        sid: sid25      })).sid);26    });27    context('when trackState.enabled is true', () => {28      it('sets .isEnabled to true', () => {29        assert((new RemoteTrackPublicationV2({30          enabled: true,31          kind: makeKind(),32          name: makeUUID(),33          sid: makeSid()34        })).isEnabled);35      });36    });37    context('when trackState.enabled is false', () => {38      it('sets .isEnabled to false', () => {39        assert(!(new RemoteTrackPublicationV2({40          enabled: false,41          kind: makeKind(),42          name: makeUUID(),43          sid: makeSid()44        })).isEnabled);45      });46    });47    context('when trackState.kind is "audio"', () => {48      it('sets .kind to "audio"', () => {49        assert.equal('audio', (new RemoteTrackPublicationV2({50          enabled: makeEnabled(),51          kind: 'audio',52          name: makeUUID(),53          sid: makeSid()54        })).kind);55      });56    });57    context('when trackState.kind is "video"', () => {58      it('sets .kind to "video"', () => {59        assert.equal('video', (new RemoteTrackPublicationV2({60          enabled: makeEnabled(),61          kind: 'video',62          name: makeUUID(),63          sid: makeSid()64        })).kind);65      });66    });67  });68  describe('#update', () => {69    context('called with a trackState setting .enabled to false when the RemoteTrackPublicationV2 is', () => {70      context('enabled', () => {71        it('returns the RemoteTrackPublicationV2', () => {72          const trackState = {73            enabled: true,74            kind: makeKind(),75            name: makeUUID(),76            sid: makeSid()77          };78          const track = new RemoteTrackPublicationV2(trackState);79          trackState.enabled = false;80          assert.equal(track, track.update(trackState));81        });82        it('sets .isEnabled to false', () => {83          const trackState = {84            enabled: true,85            kind: makeKind(),86            name: makeUUID(),87            sid: makeSid()88          };89          const track = new RemoteTrackPublicationV2(trackState);90          trackState.enabled = false;91          track.update(trackState);92          assert(!track.isEnabled);93        });94        it('emits an "updated" event with .isEnabled set to false', () => {95          const trackState = {96            enabled: true,97            kind: makeKind(),98            name: makeUUID(),99            sid: makeSid()100          };101          const track = new RemoteTrackPublicationV2(trackState);102          trackState.enabled = false;103          let isEnabled;104          track.once('updated', () => { isEnabled = track.isEnabled; });105          track.update(trackState);106          assert.equal(false, isEnabled);107        });108      });109      context('disabled', () => {110        it('returns the RemoteTrackPublicationV2', () => {111          const trackState = {112            enabled: false,113            kind: makeKind(),114            name: makeUUID(),115            sid: makeSid()116          };117          const track = new RemoteTrackPublicationV2(trackState);118          trackState.enabled = false;119          assert.equal(track, track.update(trackState));120        });121        it('.isEnabled remains false', () => {122          const trackState = {123            enabled: false,124            kind: makeKind(),125            name: makeUUID(),126            sid: makeSid()127          };128          const track = new RemoteTrackPublicationV2(trackState);129          trackState.enabled = false;130          track.update(trackState);131          assert(!track.isEnabled);132        });133        it('"updated" does not emit', () => {134          const trackState = {135            enabled: false,136            kind: makeKind(),137            name: makeUUID(),138            sid: makeSid()139          };140          const track = new RemoteTrackPublicationV2(trackState);141          trackState.enabled = false;142          let updated;143          track.once('updated', () => { updated = true; });144          track.update(trackState);145          assert(!updated);146        });147      });148    });149    context('called with a trackState setting .enabled to true when the RemoteTrackPublicationV2 is', () => {150      context('enabled', () => {151        it('returns the RemoteTrackPublicationV2', () => {152          const trackState = {153            enabled: true,154            kind: makeKind(),155            name: makeUUID(),156            sid: makeSid()157          };158          const track = new RemoteTrackPublicationV2(trackState);159          trackState.enabled = true;160          assert.equal(track, track.update(trackState));161        });162        it('.isEnabled remains true', () => {163          const trackState = {164            enabled: true,165            kind: makeKind(),166            name: makeUUID(),167            sid: makeSid()168          };169          const track = new RemoteTrackPublicationV2(trackState);170          trackState.enabled = true;171          track.update(trackState);172          assert(track.isEnabled);173        });174        it('"updated" does not emit', () => {175          const trackState = {176            enabled: true,177            kind: makeKind(),178            name: makeUUID(),179            sid: makeSid()180          };181          const track = new RemoteTrackPublicationV2(trackState);182          trackState.enabled = true;183          let updated;184          track.once('updated', () => { updated = true; });185          track.update(trackState);186          assert(!updated);187        });188      });189      context('disabled', () => {190        it('returns the RemoteTrackPublicationV2', () => {191          const trackState = {192            enabled: false,193            kind: makeKind(),194            name: makeUUID(),195            sid: makeSid()196          };197          const track = new RemoteTrackPublicationV2(trackState);198          trackState.enabled = true;199          assert.equal(track, track.update(trackState));200        });201        it('sets .isEnabled to true', () => {202          const trackState = {203            enabled: false,204            kind: makeKind(),205            name: makeUUID(),206            sid: makeSid()207          };208          const track = new RemoteTrackPublicationV2(trackState);209          trackState.enabled = true;210          track.update(trackState);211          assert(track.isEnabled);212        });213        it('emits an "updated" event with .isEnabled set to true', () => {214          const trackState = {215            enabled: false,216            kind: makeKind(),217            name: makeUUID(),218            sid: makeSid()219          };220          const track = new RemoteTrackPublicationV2(trackState);221          trackState.enabled = true;222          let isEnabled;223          track.once('updated', () => { isEnabled = track.isEnabled; });224          track.update(trackState);225          assert(isEnabled);226        });227      });228    });229  });230  // TrackSignaling231  // --------------232  describe('#disable', () => {233    context('called when the RemoteTrackPublicationV2 is enabled', () => {234      it('returns the RemoteTrackPublicationV2', () => {235        const track = new RemoteTrackPublicationV2({236          enabled: true,237          kind: makeKind(),238          name: makeUUID(),239          sid: makeSid()240        });241        assert.equal(track, track.disable());242      });243      it('sets .isEnabled to false', () => {244        const track = new RemoteTrackPublicationV2({245          enabled: true,246          kind: makeKind(),247          name: makeUUID(),248          sid: makeSid()249        });250        track.disable();251        assert(!track.isEnabled);252      });253      it('emits an "updated" event with .isEnabled set to false', () => {254        const track = new RemoteTrackPublicationV2({255          enabled: true,256          kind: makeKind(),257          name: makeUUID(),258          sid: makeSid()259        });260        let isEnabled;261        track.once('updated', () => { isEnabled = track.isEnabled; });262        track.disable();263        assert.equal(false, isEnabled);264      });265    });266    context('called when the RemoteTrackPublicationV2 is disabled', () => {267      it('returns the RemoteTrackPublicationV2', () => {268        const track = new RemoteTrackPublicationV2({269          enabled: false,270          kind: makeKind(),271          name: makeUUID(),272          sid: makeSid()273        });274        assert.equal(track, track.disable());275      });276      it('.isEnabled remains false', () => {277        const track = new RemoteTrackPublicationV2({278          enabled: false,279          kind: makeKind(),280          name: makeUUID(),281          sid: makeSid()282        });283        track.disable();284        assert(!track.isEnabled);285      });286      it('"updated" does not emit', () => {287        const track = new RemoteTrackPublicationV2({288          enabled: false,289          kind: makeKind(),290          name: makeUUID(),291          sid: makeSid()292        });293        let updated;294        track.once('updated', () => { updated = true; });295        track.disable();296        assert(!updated);297      });298    });299  });300  describe('#enable', () => {301    context('called with false when the RemoteTrackPublicationV2 is', () => {302      context('enabled', () => {303        it('returns the RemoteTrackPublicationV2', () => {304          const track = new RemoteTrackPublicationV2({305            enabled: true,306            kind: makeKind(),307            name: makeUUID(),308            sid: makeSid()309          });310          assert.equal(track, track.enable(false));311        });312        it('sets .isEnabled to false', () => {313          const track = new RemoteTrackPublicationV2({314            enabled: true,315            kind: makeKind(),316            name: makeUUID(),317            sid: makeSid()318          });319          track.enable(false);320          assert(!track.isEnabled);321        });322        it('emits an "updated" event with .isEnabled set to false', () => {323          const track = new RemoteTrackPublicationV2({324            enabled: true,325            kind: makeKind(),326            name: makeUUID(),327            sid: makeSid()328          });329          let isEnabled;330          track.once('updated', () => { isEnabled = track.isEnabled; });331          track.enable(false);332          assert.equal(false, isEnabled);333        });334      });335      context('disabled', () => {336        it('returns the RemoteTrackPublicationV2', () => {337          const track = new RemoteTrackPublicationV2({338            enabled: false,339            kind: makeKind(),340            name: makeUUID(),341            sid: makeSid()342          });343          assert.equal(track, track.enable(false));344        });345        it('.isEnabled remains false', () => {346          const track = new RemoteTrackPublicationV2({347            enabled: false,348            kind: makeKind(),349            name: makeUUID(),350            sid: makeSid()351          });352          track.enable(false);353          assert(!track.isEnabled);354        });355        it('"updated" does not emit', () => {356          const track = new RemoteTrackPublicationV2({357            enabled: false,358            kind: makeKind(),359            name: makeUUID(),360            sid: makeSid()361          });362          let updated;363          track.once('updated', () => { updated = true; });364          track.enable(false);365          assert(!updated);366        });367      });368    });369    context('called with true when the RemoteTrackPublicationV2 is', () => {370      context('enabled', () => {371        it('returns the RemoteTrackPublicationV2', () => {372          const track = new RemoteTrackPublicationV2({373            enabled: true,374            kind: makeKind(),375            name: makeUUID(),376            sid: makeSid()377          });378          assert.equal(track, track.enable(true));379        });380        it('.isEnabled remains true', () => {381          const track = new RemoteTrackPublicationV2({382            enabled: true,383            kind: makeKind(),384            name: makeUUID(),385            sid: makeSid()386          });387          track.enable(true);388          assert(track.isEnabled);389        });390        it('"updated" does not emit', () => {391          const track = new RemoteTrackPublicationV2({392            enabled: true,393            kind: makeKind(),394            name: makeUUID(),395            sid: makeSid()396          });397          let updated;398          track.once('updated', () => { updated = true; });399          track.enable(true);400          assert(!updated);401        });402      });403      context('disabled', () => {404        it('returns the RemoteTrackPublicationV2', () => {405          const track = new RemoteTrackPublicationV2({406            enabled: false,407            kind: makeKind(),408            name: makeUUID(),409            sid: makeSid()410          });411          assert.equal(track, track.enable(true));412        });413        it('sets .isEnabled to true', () => {414          const track = new RemoteTrackPublicationV2({415            enabled: false,416            kind: makeKind(),417            name: makeUUID(),418            sid: makeSid()419          });420          track.enable(true);421          assert(track.isEnabled);422        });423        it('emits an "updated" event with .isEnabled set to true', () => {424          const track = new RemoteTrackPublicationV2({425            enabled: false,426            kind: makeKind(),427            name: makeUUID(),428            sid: makeSid()429          });430          let isEnabled;431          track.once('updated', () => { isEnabled = track.isEnabled; });432          track.enable(true);433          assert(isEnabled);434        });435      });436    });437    context('called without an argument when the RemoteTrackPublicationV2 is', () => {438      context('enabled', () => {439        it('returns the RemoteTrackPublicationV2', () => {440          const track = new RemoteTrackPublicationV2({441            enabled: true,442            kind: makeKind(),443            name: makeUUID(),444            sid: makeSid()445          });446          assert.equal(track, track.enable());447        });448        it('.isEnabled remains true', () => {449          const track = new RemoteTrackPublicationV2({450            enabled: true,451            kind: makeKind(),452            name: makeUUID(),453            sid: makeSid()454          });455          track.enable();456          assert(track.isEnabled);457        });458        it('"updated" does not emit', () => {459          const track = new RemoteTrackPublicationV2({460            enabled: true,461            kind: makeKind(),462            name: makeUUID(),463            sid: makeSid()464          });465          let updated;466          track.once('updated', () => { updated = true; });467          track.enable();468          assert(!updated);469        });470      });471      context('disabled', () => {472        it('returns the RemoteTrackPublicationV2', () => {473          const track = new RemoteTrackPublicationV2({474            enabled: false,475            kind: makeKind(),476            name: makeUUID(),477            sid: makeSid()478          });479          assert.equal(track, track.enable());480        });481        it('sets .isEnabled to true', () => {482          const track = new RemoteTrackPublicationV2({483            enabled: false,484            kind: makeKind(),485            name: makeUUID(),486            sid: makeSid()487          });488          track.enable();489          assert(track.isEnabled);490        });491        it('emits an "updated" event with .isEnabled set to true', () => {492          const track = new RemoteTrackPublicationV2({493            enabled: false,494            kind: makeKind(),495            name: makeUUID(),496            sid: makeSid()497          });498          let isEnabled;499          track.once('updated', () => { isEnabled = track.isEnabled; });500          track.enable();501          assert(isEnabled);502        });503      });504    });505  });506  describe('#setTrackTransceiver', () => {507    it('returns the RemoteTrackPublicationV2', () => {508      const track = new RemoteTrackPublicationV2({509        enabled: makeEnabled(),510        kind: makeKind(),511        name: makeUUID(),512        sid: makeSid()513      });514      const mediaTrackReceiver = {};515      assert.equal(track, track.setTrackTransceiver(mediaTrackReceiver));516    });517    it('emits "updated" with .trackTransceiver set to the given TrackReceiver', () => {518      const track = new RemoteTrackPublicationV2({519        enabled: makeEnabled(),520        kind: makeKind(),521        name: makeUUID(),522        sid: makeSid()523      });524      const mediaTrackReceiver = {};525      let updated;526      track.once('updated', () => { updated = true; });527      track.setTrackTransceiver(mediaTrackReceiver);528      assert(updated);529      assert.equal(track.trackTransceiver, mediaTrackReceiver);530    });531  });532});533function makeEnabled() {534  return (Math.random() < 0.5);535}536function makeKind() {537  return ['audio', 'video'][Number(Math.random() > 0.5)];538}539function makeSid() {540  return makeUUID();...

...54    return GetArticleData(dataURL, storyuuid)55      .then(jsonRes => {56        if (jsonRes) {57          buildTrackState(jsonRes);58          trackState();59          setArticleData(jsonRes);60          setLoadingData(false);61        }62      })63      .catch(err => {64        console.log(err);65      });66  }67  function parseBreadCrumbs(crumb) {68    return crumb.split(' ').join('_');69  }70  function buildTrackState(jsonRes) {71    if (jsonRes) {72      const deviceOrientation = useDeviceOrientation();...

...131      APP_INFO.trackState.subPageType = 'section';132      APP_INFO.trackState.pageTitle =133        APP_INFO.trackState.testOrHier.split('|')[0] + ' stories';134    }135    trackState();136  }137  useFocusEffect(138    React.useCallback(() => {139      if ((props.routeIndex === selected_tab || fromSections)) {140        if (loadingData) {141          fetchNewsFor(props.path);142        }143        else {144          track(newsData);145        }146      }147    }, [props.path, selected_tab])148  );149  let sectionCounter = -1;...

...55      (stateData['&&products'] = APP_INFO.trackState['&&products']);56    APP_INFO.trackState['&&pageName'] &&57      (stateData['&&pageName'] = APP_INFO.trackState['&&pageName']);58  }59  ACPCore.trackState(APP_INFO.trackState.pageName.toLowerCase(), stateData);60};61export const trackAction = () => {62  const actionData = {};...

1import React from 'react';2import { Text } from 'react-native';3import {4	ListItem, Content,5} from 'native-base';6import { CheckBox } from 'react-native-elements';7import Common from '../../styles/Common';8const TrackRoller = ({ checkStatus, 9  checkpress,10  sfStatus,11  sfpress,12  dfStatus,13  dfpress, title }) => {14  15	return (16		<ListItem style={{ paddingLeft: '15%', borderBottomWidth: 0 }}>17			<CheckBox iconRight checked={checkStatus} onPress={checkpress} containerStyle={{ padding: 0, margin: 0 }} title={title} textStyle={{ paddingRight: 10 }} />18			<CheckBox19				containerStyle={{ padding: 0, margin: 0 }}20				textStyle={{ fontWeight: 'normal', padding: 0 }}21				wrapperStyle={{ backgroundColor: 'none' }}22				iconLeft23        title="SF"24        checkedIcon="dot-circle-o"25				uncheckedIcon="circle-o"26				checkedColor={Common.COLOR_RED}27				uncheckedColor={Common.COLOR_DARK_GREY}28        checked={sfStatus}29        onPress={sfpress}30			/>31			<CheckBox32				containerStyle={{ padding: 0, margin: 0 }}33        textStyle={{ fontWeight: 'normal', padding: 0 }}34				wrapperStyle={{ backgroundColor: 'none' }}35				iconLeft36				title="DF"37				checkedIcon="dot-circle-o"38				uncheckedIcon="circle-o"39				checkedColor={Common.COLOR_ORANGE}40				uncheckedColor={Common.COLOR_DARK_GREY}41        checked={dfStatus}42        onPress={dfpress}43			/>44		</ListItem>45	);46};47// const TrackRoller = (props) => {48// 	const { trackState, trackRollerCheck } = props;49// 	return (50// 		<Content>51// 			<Text style={{ fontWeight: 'bold', paddingLeft: '10%' }}>Track Roller</Text>52// 			<TrackRollerItem sfdfState={trackState[0]} checkStatus={trackRollerCheck} />53// 			<TrackRollerItem sfdfState={trackState[1]} checkStatus={trackRollerCheck} />54// 			<TrackRollerItem sfdfState={trackState[2]} checkStatus={trackRollerCheck} />55// 			<TrackRollerItem sfdfState={trackState[3]} checkStatus={trackRollerCheck} />56// 			<TrackRollerItem sfdfState={trackState[4]} checkStatus={trackRollerCheck} />57// 			<TrackRollerItem sfdfState={trackState[5]} checkStatus={trackRollerCheck} />58// 			<TrackRollerItem sfdfState={trackState[6]} checkStatus={trackRollerCheck} />59// 			<TrackRollerItem sfdfState={trackState[7]} checkStatus={trackRollerCheck} />60// 			<TrackRollerItem sfdfState={trackState[8]} checkStatus={trackRollerCheck} />61// 			<TrackRollerItem sfdfState={trackState[9]} checkStatus={trackRollerCheck} />62// 			<TrackRollerItem sfdfState={trackState[10]} checkStatus={trackRollerCheck} />63// 			<TrackRollerItem sfdfState={trackState[11]} checkStatus={trackRollerCheck} />64// 			<TrackRollerItem sfdfState={trackState[12]} checkStatus={trackRollerCheck} />65// 			<TrackRollerItem sfdfState={trackState[13]} checkStatus={trackRollerCheck} />66// 			<TrackRollerItem sfdfState={trackState[14]} checkStatus={trackRollerCheck} />67// 		</Content>68// 	);69// };...

1import React, { useEffect } from 'react';2import { Layout, Row, Col } from 'antd';3import Navbar from '../components/Navbar';4import Theme from '../components/chung/Theme';5import Footer from '../components/Footer';6import InforMusic1 from '../components/InforMusic1';7import '../css/DetailMusic.css'8import InforDetailMusic from '../components/InforDetailMusic';9import PlayMusic from '../components/PlayMusic';10import { getTrackByTrack} from '../API/GetListmusicAPI';11import { useRecoilState } from 'recoil';12import {gettrackState} from '../state/State'13import BoxMusic from '../components/BoxMusic';14function DetailMusic(props) {15    const [trackState , setTrackState] = useRecoilState(gettrackState)16    const idMusic=props.match.params.id17    useEffect(() => {18        getTrackByTrack(idMusic)19        .then((res) => {20            const data = res.data21            setTrackState(data)22        })23        .catch((error) => {24            console.error(error)25        })26    },[])27    if(!trackState.album){28        return null29    }30    const ranh = `Ranh:${trackState.rank}`31    const trackListAlbum = trackState.artist.tracklist32    const trackArtistAlbum = trackState.album.tracklist33    console.log(trackState);34    return (35        <Layout>36            <Navbar/>37            <Row>38                <Col offset={3} span={18}>39                    <Row>40                        <Col span={18}>41                        <   Theme color='Black' fontzize='30px' theme={trackState.title} />42                        </Col>43                        <Col span={6}>44                            <Theme color='gray' fontzize='30px' theme={ranh} />45                        </Col>46                    </Row>47                    <PlayMusic key={trackState.id} track={trackState}/> 48                    <div className='Box-informusic1'>49                       <InforMusic1 key={trackState.id} track={trackState} />50                    </div>51                    <div style={{ border: '1px solid gray', paddingTop: '14px' , paddingBottom: '14px' , paddingLeft: '10px'}}>52                        <InforDetailMusic key={trackState.id} track={trackState}/>53                    </div>54                    <Theme color='Black' fontzize='30px' theme='Bai hat trong album' />55                    <BoxMusic trackList={trackListAlbum}/>56                    <Theme color='Black' fontzize='30px' theme='Bai hat cua ca si' />57                    {/* <BoxMusic trackList={trackListAlbum}/> */}58                </Col>59                <Col span={3}>60                   61                </Col>62            </Row>63            <Footer/>64        </Layout>65    );66}...

...26      'page|informational|none|none|all-sections';27    APP_INFO.trackState.subPageType = 'all-sections';28    APP_INFO.trackState.pageLocation = 'not-specified';29    APP_INFO.trackState.selectedCity = 'not-specified';30    trackState();31  }, []);32  return (33    <SafeAreaView34      style={[styles.container, { backgroundColor: colors.lightBackground }]}>35      <Sections />36    </SafeAreaView>37  );38}39SectionsScreen.navigationOptions = {40  header: null41};42const styles = StyleSheet.create({43  container: {44    flex: 1...

1// Copyright 2021 The Chromium OS Authors. All rights reserved.2// Use of this source code is governed by a BSD-style license that can be3// found in the LICENSE file.4/**5 * @typedef {{6 *   hasEnded: boolean,7 * }}8 */9let TrackState;10// Namespace for calling from Tast.11window.Tast = {12  /**13   * Starts a camera stream and returns a TrackState object to track the14   * stream status.15   * @return {!Promise<!TrackState>}16   */17  async startStream() {18    const stream = await navigator.mediaDevices.getUserMedia({19      audio: false,20      video: true,21    });22    const video = document.querySelector('video');23    video.srcObject = stream;24    const track = stream.getVideoTracks()[0];25    const trackState = {hasEnded: false};26    track.addEventListener('ended', () => {27      trackState.hasEnded = true;28    });29    return trackState;30  }...