ri7nz/Warpokex

View on GitHub
src/pages/__snapshots__/Home.test.js.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`render Home page with the data 1`] = `
<div>
  <div
    class="sc-bdVaJa gbNPNn"
  >
    <input
      class="sc-htoDjs eUayHU"
      placeholder="Search"
      theme="[object Object]"
    />
    <svg
      class="sc-bwzfXH kActDO"
      pos="absolute"
      theme="[object Object]"
      viewBox="0 0 24 24"
    >
      <path
        d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M16.6063847,15.1921711 L19.7071068,18.2928932 C20.0976311,18.6834175 20.0976311,19.3165825 19.7071068,19.7071068 C19.3165825,20.0976311 18.6834175,20.0976311 18.2928932,19.7071068 L15.1921711,16.6063847 C14.0235906,17.4815965 12.5723351,18 11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,12.5723351 17.4815965,14.0235906 16.6063847,15.1921711 Z"
        fill="#000000"
        fill-rule="evenodd"
      />
    </svg>
  </div>
  <div
    class="sc-bdVaJa yCdlf"
    data-testid="ListPokemon"
  >
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/bulbasaur.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          001
           | 
          Bulbasaur
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa ksqsBw"
          >
            Grass
          </span>
          <span
            class="sc-bdVaJa fNilym"
          >
            Poison
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/ivysaur.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          002
           | 
          Ivysaur
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa ksqsBw"
          >
            Grass
          </span>
          <span
            class="sc-bdVaJa fNilym"
          >
            Poison
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/venusaur.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          003
           | 
          Venusaur
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa ksqsBw"
          >
            Grass
          </span>
          <span
            class="sc-bdVaJa fNilym"
          >
            Poison
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/charmander.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          004
           | 
          Charmander
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa ijVPke"
          >
            Fire
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/charmeleon.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          005
           | 
          Charmeleon
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa ijVPke"
          >
            Fire
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/charizard.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          006
           | 
          Charizard
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa ijVPke"
          >
            Fire
          </span>
          <span
            class="sc-bdVaJa bHsrMp"
          >
            Flying
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/squirtle.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          007
           | 
          Squirtle
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa LEVCA"
          >
            Water
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/wartortle.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          008
           | 
          Wartortle
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa LEVCA"
          >
            Water
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/blastoise.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          009
           | 
          Blastoise
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa LEVCA"
          >
            Water
          </span>
        </label>
      </div>
    </div>
    <div
      class="sc-EHOje gxRZMW sc-bdVaJa geNTph"
    >
      <div
        class="sc-bdVaJa epdytx"
      >
        <img
          class="sc-gzVnrw hWZxqh"
          data-testid="ListPokemon.image"
          src="https://img.pokemondb.net/artwork/caterpie.jpg"
        />
        <h1
          class="sc-iwsKbI kCjaUS"
          color="black"
          data-testid="ListPokemon.title"
        >
          010
           | 
          Caterpie
        </h1>
        <label
          class="sc-bdVaJa cmuZrv"
          color="black"
        >
          <span
            class="sc-bdVaJa fNilym"
          >
            Bug
          </span>
        </label>
      </div>
    </div>
  </div>
  <button
    bg="warning700"
    class="sc-htpNat fLLLvW"
    color="white"
    data-testid="loadMore"
  >
    Load More
  </button>
</div>
`;