How to use toggleFavorite method in backstopjs

Best JavaScript code snippet using backstopjs

favorite.service.test.ts

Source:favorite.service.test.ts

...135  describe(`toggleFavorite method`, () => {136    describe(`loadHotelById method of LoadHotelByIdPort`, () => {137      it(`should call`, async () => {138        hotelLoaderService.loadHotelById = jest.fn(hotelLoaderService.loadHotelById);139        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);140        expect(hotelLoaderService.loadHotelById).toHaveBeenCalledTimes(1);141      });142      it(`should call with params`, async () => {143        hotelLoaderService.loadHotelById = jest.fn(hotelLoaderService.loadHotelById);144        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);145        expect(hotelLoaderService.loadHotelById).toHaveBeenCalledWith({146          hotelId: hotelParams.id,147        });148      });149      it(`should throw exception if hotel doesn't exist`, async () => {150        hotelLoaderService.loadHotelById = jest.fn(hotelLoaderService.loadHotelById).mockResolvedValueOnce(null);151        await expect(favoriteService.toggleFavorite(userParams.id, hotelParams.id))152          .rejects153          .toThrow(new HotelException({154            field: EHotelField.ID,155            message: `Hotel with ${hotelParams.id} id doesn't exist`,156          }));157      });158    });159    describe(`loadUserById method of LoadUserByIdPort`, () => {160      it(`should call`, async () => {161        userLoaderService.loadUserById = jest.fn(userLoaderService.loadUserById);162        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);163        expect(userLoaderService.loadUserById).toHaveBeenCalledTimes(1);164      });165      it(`should call with params`, async () => {166        userLoaderService.loadUserById = jest.fn(userLoaderService.loadUserById);167        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);168        expect(userLoaderService.loadUserById).toHaveBeenCalledWith(userParams.id);169      });170      it(`should throw exception if hotel doesn't exist`, async () => {171        userLoaderService.loadUserById = jest.fn(userLoaderService.loadUserById).mockResolvedValueOnce(null);172        await expect(favoriteService.toggleFavorite(userParams.id, hotelParams.id))173          .rejects174          .toThrow(new UserError({175            field: EUserField.ID,176            message: `User with ${userParams.id} doesn't exist`,177          }));178      });179    });180    describe(`loadFavorite method of LoadFavoritePort`, () => {181      it(`should call`, async () => {182        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite);183        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);184        expect(favoriteLoaderService.loadFavorite).toHaveBeenCalledTimes(1);185      });186      it(`should call with params`, async () => {187        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite);188        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);189        expect(favoriteLoaderService.loadFavorite).toHaveBeenCalledWith(userParams.id, hotelParams.id);190      });191    });192    describe(`toggle method of FavoriteEntity`, () => {193      const favoriteEntity = FavoriteEntity.create({194        userId: userEntity.id,195        hotelId: hotelEntity.id,196        value: false,197      });198      it(`should call`, async () => {199        favoriteEntity.toggle = jest.fn(favoriteEntity.toggle);200        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)201          .mockResolvedValueOnce(favoriteEntity);202        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);203        expect(favoriteEntity.toggle).toHaveBeenCalledTimes(1);204      });205      it(`should call without params`, async () => {206        favoriteEntity.toggle = jest.fn(favoriteEntity.toggle);207        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)208          .mockResolvedValueOnce(favoriteEntity);209        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);210        expect(favoriteEntity.toggle).toHaveBeenCalledWith();211      });212    })213    describe(`saveFavorite method of SaveFavoritePort`, () => {214      it(`should call`, async () => {215        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)216          .mockResolvedValueOnce(FavoriteEntity.create({217            userId: userEntity.id,218            hotelId: hotelEntity.id,219            value: false,220          }));221        favoriteSaverService.saveFavorite = jest.fn(favoriteSaverService.saveFavorite);222        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);223        expect(favoriteSaverService.saveFavorite).toHaveBeenCalledTimes(1);224      });225      it(`should call with params`, async () => {226        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)227          .mockResolvedValueOnce(FavoriteEntity.create({228            userId: userEntity.id,229            hotelId: hotelEntity.id,230            value: false,231          }));232        favoriteSaverService.saveFavorite = jest.fn(favoriteSaverService.saveFavorite);233        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);234        expect(favoriteSaverService.saveFavorite).toHaveBeenCalledWith(235          FavoriteEntity.create({236            userId: userEntity.id,237            hotelId: hotelEntity.id,238            value: true,239          })240        );241      });242      it(`shouldn't call`, async () => {243        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)244          .mockResolvedValueOnce(FavoriteEntity.create({245            userId: userEntity.id,246            hotelId: hotelEntity.id,247            value: true,248          }));249        favoriteSaverService.saveFavorite = jest.fn(favoriteSaverService.saveFavorite);250        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);251        expect(favoriteSaverService.saveFavorite).toHaveBeenCalledTimes(0);252      })253    });254    describe(`deleteFavorite method of DeleteFavoritePort`, () => {255      it(`should call`, async () => {256        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)257          .mockResolvedValueOnce(FavoriteEntity.create({258            userId: userEntity.id,259            hotelId: hotelEntity.id,260            value: true,261          }));262        favoriteDeleterService.deleteFavorite = jest.fn(favoriteDeleterService.deleteFavorite);263        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);264        expect(favoriteDeleterService.deleteFavorite).toHaveBeenCalledTimes(1);265      });266      it(`should call with params`, async () => {267        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)268          .mockResolvedValueOnce(FavoriteEntity.create({269            userId: userEntity.id,270            hotelId: hotelEntity.id,271            value: true,272          }));273        favoriteDeleterService.deleteFavorite = jest.fn(favoriteDeleterService.deleteFavorite);274        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);275        expect(favoriteDeleterService.deleteFavorite).toHaveBeenCalledWith(276          FavoriteEntity.create({277            userId: userEntity.id,278            hotelId: hotelEntity.id,279            value: false,280          })281        );282      });283      it(`shouldn't call`, async () => {284        favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)285          .mockResolvedValueOnce(FavoriteEntity.create({286            userId: userEntity.id,287            hotelId: hotelEntity.id,288            value: false,289          }));290        favoriteDeleterService.deleteFavorite = jest.fn(favoriteDeleterService.deleteFavorite);291        await favoriteService.toggleFavorite(userParams.id, hotelParams.id);292        expect(favoriteDeleterService.deleteFavorite).toHaveBeenCalledTimes(0);293      });294    });295    it(`should return correct result if favorite exists`, async () => {296      const favoriteEntity = FavoriteEntity.create({297        userId: userEntity.id,298        hotelId: hotelEntity.id,299        value: true,300      });301      favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)302        .mockResolvedValueOnce(FavoriteEntity.create({303          userId: userEntity.id,304          hotelId: hotelEntity.id,305          value: false,306        }));307      favoriteSaverService.saveFavorite = jest.fn(favoriteSaverService.saveFavorite).mockResolvedValueOnce(favoriteEntity);308      const result = await favoriteService.toggleFavorite(userParams.id, hotelParams.id);309      expect(result).toEqual(favoriteEntity);310    })311    it(`should return correct result if favorite doesn't exist`, async () => {312      const favoriteEntity = FavoriteEntity.create({313        userId: userEntity.id,314        hotelId: hotelEntity.id,315        value: false,316      });317      favoriteLoaderService.loadFavorite = jest.fn(favoriteLoaderService.loadFavorite)318        .mockResolvedValueOnce(FavoriteEntity.create({319          userId: userEntity.id,320          hotelId: hotelEntity.id,321          value: true,322        }));323      favoriteDeleterService.deleteFavorite = jest.fn(favoriteDeleterService.deleteFavorite).mockResolvedValueOnce(favoriteEntity);324      const result = await favoriteService.toggleFavorite(userParams.id, hotelParams.id);325      expect(result).toEqual(favoriteEntity);326    })327  });...

Favorites.js

Source:Favorites.js

1import React from 'react';2import PropTypes from 'prop-types';3import Card from '../Card/Card.js';4const Favorites = ({ cardData, toggleFavorite }) => {5  const favoriteCards = cardData.map(card => {6    let dataCard;7    if (card.id.includes('people')) {8      const { id, favorite, name, homeworld, homeworldPop, species } = card;9      dataCard = (10        <Card 11          id={ id }12          title={ name }13          item1={ `Homeworld: ${homeworld}` }14          item2={ `Population: ${homeworldPop}` }15          item3={ `Species: ${species.join(', ')}` }16          favorite={ favorite }17          section='People'18          toggleFavorite={ toggleFavorite }19          key={ id }20        />21      );22    } else if (card.id.includes('planets')) {23      const { 24        id, 25        favorite, 26        name, 27        population, 28        climate, 29        terrain, 30        residents 31      } = card;32      dataCard = (33        <Card34          id={ id }35          title={ name }36          item1={ `Population: ${population}` }37          item2={ `Climate: ${climate}` }38          item3={ `Terrain: ${terrain}` }39          item4={ `Residents: ${residents.join(', ')}` }40          favorite={ favorite }41          section='Planets'42          toggleFavorite={ toggleFavorite }43          key={ id }44        />45      );46    } else if (card.id.includes('vehicles')) {47      const { 48        id, 49        favorite, 50        name, 51        vehicleClass, 52        model, 53        numberOfPassengers 54      } = card;55      dataCard = (56        <Card57          id={ id }58          title={ name }59          item1={ `Class: ${vehicleClass}` }60          item2={ `Model: ${model}` }61          item3={ `Total Passengers: ${numberOfPassengers}` }62          favorite={ favorite }63          section='Vehicles'64          toggleFavorite={ toggleFavorite }65          key={ id }66        />67      );68    }69    return dataCard;70  });71  return (72    <div className="card-container Favorites">73      { favoriteCards }74    </div>75  );76};77Favorites.propTypes = {78  cardData: PropTypes.arrayOf(PropTypes.object).isRequired,79  toggleFavorite: PropTypes.func.isRequired80};...

CardContainer.js

Source:CardContainer.js

1import React from 'react';2import './CardContainer.css';3import PeopleCard from '../PeopleCards/PeopleCards.js';4import PlanetCard from '../PlanetCards/PlanetCards.js';5import VehicleCard from '../VehicleCards/VehicleCards.js';6const getPeople = (data, toggleFavorite) => {7  return data.map((person, i) => {8    return <PeopleCard9            toggleFavorite={toggleFavorite}10            key={i}11            {...person}/>12  })13}14const getPlanets = (data, toggleFavorite) => {15  return data.map((planet, i) => {16    return <PlanetCard17            toggleFavorite={toggleFavorite}18            key={i}19            {...planet} />20  })21}22const getVehicles = (data, toggleFavorite) => {23  return data.map((vehicle, i) => {24    return <VehicleCard {...vehicle}25            toggleFavorite={toggleFavorite}26            key={i} />27  })28}29const renderFavorites = (favorites, toggleFavorite) => {30  return favorites.map((card, i) => {31    if (card.terrain) {32      return <PlanetCard33              toggleFavorite={toggleFavorite}34              key={i}35              {...card}/>36    }37    if (card.homeworld){38      return <PeopleCard39              toggleFavorite={toggleFavorite}40              key={i}41              {...card} />42    }43    if(card.model) {44      return <VehicleCard45              toggleFavorite={toggleFavorite}46              key={i}47              {...card}/>48    }49  })50}51const getCards = (selected, selectedCategory, toggleFavorite, favorites) => {52  switch (selected) {53    case 'people':54      return getPeople(selectedCategory, toggleFavorite);55      break;56    case 'planets':57      return getPlanets(selectedCategory, toggleFavorite);58      break;59    case 'vehicles':60      return getVehicles(selectedCategory, toggleFavorite);61      break;62    case 'favorites':63      return renderFavorites(favorites, toggleFavorite);64  }65}66const CardContainer = ({ selectedCategory, selected, toggleFavorite, favorites }) => {67  return (68    <div className="CardContainer">69    { getCards(selected, selectedCategory, toggleFavorite, favorites) }70    </div>71  )72}...

Using AI Code Generation

1module.exports = async (page, scenario, vp) => {2  await require('./toggleFavorite')(page, scenario);3};4const toggleFavorite = async (page, scenario) => {5  await page.evaluate(() => {6  });7};8module.exports = toggleFavorite;9docker run -it --rm -v $(pwd):/src backstopjs/backstopjs test --configPath=backstop.config.js10docker run -it --rm -v $(pwd):/src backstopjs-custom test --configPath=backstop.config.js11docker run -it --rm -v $(pwd):/src backstopjs-custom test --configPath=backstop.config.js12docker run -it --rm -v $(pwd):/src backstopjs-custom test --configPath=backstop.config.js13docker run -it --rm -v $(pwd):/src backstopjs-custom test --configPath=backstop.config.js

Using AI Code Generation

1module.exports = async (page, scenario, vp) => {2  await require('./toggleFavorite')(page, scenario, vp);3};4module.exports = async (page, scenario, vp) => {5  await page.evaluate(() => {6    document.querySelector('#favorite').click();7  });8};9{10    {11    },12    {13    },14    {15    },16    {17    }18    {19    }20  "paths": {21  },22  "engineOptions": {23  },24}

Using AI Code Generation

1var casper = require('casper').create();2 this.clickLabel('Toggle Favorite', 'a');3});4casper.run();5"scripts": {6}

Using AI Code Generation

1const backstopjs = require('backstopjs');2backstopjs('test', {3})4  .then(() => {5    console.log('Success');6  })7  .catch((error) => {8    console.log(error);9  });10### `toggleFavorite(label: string): Promise<void>`11### `toggleReference(label: string): Promise<void>`12### `toggleScenario(label: string): Promise<void>`13### `toggleSelectors(label: string, selectors: string[]): Promise<void>`14### `toggleSelector(label: string, selector: string): Promise<void>`15### `toggleViewports(label: string, viewports: string[]): Promise<void>`16### `toggleViewport(label: string, viewport: string): Promise<void>`17### `toggleEngine(label: string, engine:

Using AI Code Generation

1module.exports = async (page, scenario, vp) => {2  await require('./toggleFavorite')(page, scenario);3};4  {5  }6  {7  }8  {9  }

Using AI Code Generation

1const toggleFavorite = require('./toggleFavorite.js')2const toggleFavorite = require('./toggleFavorite.js')3const toggleFavorite = require('./toggleFavorite.js')4const toggleFavorite = require('./toggleFavorite.js')5const toggleFavorite = require('./toggleFavorite.js')6const toggleFavorite = require('./toggleFavorite.js')

Using AI Code Generation

1var favoritesIcon = document.querySelector('.favorites-icon');2var favoritesList = document.querySelector('.favorites-list');3var favoritesListItems = document.querySelectorAll('.favorites-list li');4var addToFavoritesButton = document.querySelector('.add-to-favorites');5var removeFromFavoritesButton = document.querySelector('.remove-from-favorites');6var favoritesListItem;7var favoritesListItemToRemove;8var favoritesListItemToCheck;9favoritesIcon.addEventListener('click', function() {10  favoritesList.classList.toggle('hidden');11});12addToFavoritesButton.addEventListener('click', function() {13  for (var i = 0; i < favoritesListItems.length; i++) {14    if (favoritesListItems[i].classList.contains('hidden')) {15      favoritesListItem = favoritesListItems[i];16      break;17    }18  }19  favoritesList.appendChild(favoritesListItem);20  favoritesListItem.classList.remove('hidden');21  removeFromFavoritesButton.classList.remove('hidden');22  addToFavoritesButton.classList.add('hidden');23  updateFavoritesIcon();24});25removeFromFavoritesButton.addEventListener('click', function() {26  for (var i = 0; i < favoritesListItems.length; i++) {

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.