mavend/octoboard

View on GitHub
src/games/scrambled/Board/__snapshots__/SettingsBoard.test.js.snap

Summary

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

exports[`scrambled SettingsBoard component renders correctly 1`] = `
<div
  class="ui basic center aligned segment"
  style="display: flex; flex-direction: column; justify-content: center; align-items: center;"
>
  <div
    class="ui compact padded segment"
  >
    <form
      class="ui form"
    >
      <div
        class="ui header"
      >
        game.settings.language
      </div>
      <div
        class="field"
      >
        <div
          aria-expanded="false"
          class="ui selection dropdown"
          role="listbox"
          tabindex="0"
        >
          <div
            aria-atomic="true"
            aria-live="polite"
            class="divider text"
            role="alert"
          >
            English
          </div>
          <i
            aria-hidden="true"
            class="dropdown icon"
          />
          <div
            class="menu transition"
          >
            <div
              aria-checked="false"
              aria-selected="false"
              class="item"
              role="option"
              style="pointer-events: all;"
            >
              <span
                class="text"
              >
                polski
              </span>
            </div>
            <div
              aria-checked="true"
              aria-selected="true"
              class="active selected item"
              role="option"
              style="pointer-events: all;"
            >
              <span
                class="text"
              >
                English
              </span>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ui header"
      >
        game.settings.assist
      </div>
      <div
        class="field"
      >
        <div
          class="field"
        >
          <div
            class="ui checked toggle checkbox"
          >
            <input
              checked=""
              class="hidden"
              readonly=""
              tabindex="0"
              type="radio"
              value="assist1"
            />
            <label>
              game.settings.assists.assist1
            </label>
          </div>
        </div>
      </div>
      <div
        class="field"
      >
        <div
          class="field"
        >
          <div
            class="ui toggle checkbox"
          >
            <input
              class="hidden"
              readonly=""
              tabindex="0"
              type="radio"
              value="assist2"
            />
            <label>
              game.settings.assists.assist2
            </label>
          </div>
        </div>
      </div>
      <div
        class="ui header"
      >
        game.settings.opponent_preview
        <div
          class="sub header"
          style="max-width: 260px;"
        >
          game.settings.opponent_preview_details
        </div>
      </div>
      <div
        class="field"
      >
        <div
          class="field"
        >
          <div
            class="ui checked toggle checkbox"
          >
            <input
              checked=""
              class="hidden"
              readonly=""
              tabindex="0"
              type="checkbox"
              value=""
            />
            <label>
              game.settings.opponent_previews.true
            </label>
          </div>
        </div>
      </div>
    </form>
  </div>
  <button
    class="ui green icon right labeled button"
  >
    board.wait.actions.start
    <i
      aria-hidden="true"
      class="pencil icon"
    />
  </button>
</div>
`;