Reviewing build 11246 • guardian/dotcom

Fail

FootballCompetitionSelect.stories.tsx

Value "football/premierleague" not found in options

Ignored nodes: comments, script, style
<select
  aria-describedby=""
  aria-invalid="false"
  aria-required="true"
  class="css-nvwqp4"
  id=":r0:"
>
  <option
    class="css-0"
    value="football/results"
  >
    All results
  </option>
  <optgroup
    label="England"
  >
    <option
      class="css-0"
      value="/football/premierleague/live"
    >
      Premier League
    </option>
    <option
      class="css-0"
      value="football/championship/live"
    >
      Championship
    </option>
  </optgroup>
  <optgroup
    label="Scotland"
  >
    <option
      class="css-0"
      value="football/scottish-premiership/live"
    >
      Scottish Premiership
    </option>
  </optgroup>
</select>

View in Storybook

Chrome 121

375x333

Linux Linux Ubuntu 20.04.4

5cd4b8 on use-frontend-filters-for-competition-selector

Caught exception in play function

This story threw an error after it finished rendering which means interactions may not have been executed fully.

TestingLibraryElementError: Value "football/premierleague" not found in options

Ignored nodes: comments, script, style
<select
  aria-describedby=""
  aria-invalid="false"
  aria-required="true"
  class="css-nvwqp4"
  id=":r0:"
>
  <option
    class="css-0"
    value="football/results"
  >
    All results
  </option>
  <optgroup
    label="England"
  >
    <option
      class="css-0"
      value="/football/premierleague/live"
    >
      Premier League
    </option>
    <option
      class="css-0"
      value="football/championship/live"
    >
      Championship
    </option>
  </optgroup>
  <optgroup
    label="Scotland"
  >
    <option
      class="css-0"
      value="football/scottish-premiership/live"
    >
      Scottish Premiership
    </option>
  </optgroup>
</select>
    at Object.getElementError (https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:717695)
    at https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:845295
    at Array.map (<anonymous>)
    at Object.selectOptionsBase (https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:845089)
    at Object.selectOptions (https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:852869)
    at https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:857394
    at Object.asyncWrapper (https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:717456)
    at wrapAsync (https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:857354)
    at Object.method [as selectOptions] (https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:857383)
    at Object.selectOptions2 [as selectOptions] (https://63e251470cfbe61776b0ef19-prhcotbeup.capture-loopback.chromatic.com/9540.3f81f7c5.iframe.bundle.js:401:858961)