MetaPhase-Consulting/State-TalentMAP

View on GitHub
src/Components/BidderPortfolio/BidControls/__snapshots__/BidControls.test.jsx.snap

Summary

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

exports[`BidControlsComponent matches snapshot when isLoading is false 1`] = `
<div
  className="usa-grid-full portfolio-controls"
>
  <div
    className="usa-width-one-whole portfolio-sort-container results-dropdown"
  >
    <div
      className="portfolio-sort-container-contents bid-cycle-picker-container"
      style={
        Object {
          "float": "left",
        }
      }
    >
      <div
        className="label"
      >
        Proxy CDO View:
      </div>
      <Connect(CDOAutoSuggest)
        cdoPills={Array []}
        pageSize={10}
        updatePagination={[Function]}
      />
    </div>
    <div
      className="portfolio-sort-container-contents small-screen-stack"
    >
      <SelectForm
        className="select-offset select-black"
        defaultSort={10}
        disabled={false}
        emptyOptionText="- Select -"
        id="num-clients"
        includeFirstEmptyOption={false}
        label="Display Clients:"
        labelSrOnly={false}
        onSelectOption={[Function]}
        options={
          Array [
            Object {
              "text": "5",
              "value": 5,
            },
            Object {
              "text": "10",
              "value": 10,
            },
            Object {
              "text": "25",
              "value": 25,
            },
            Object {
              "text": "50",
              "value": 50,
            },
            Object {
              "text": "250",
              "value": 250,
            },
          ]
        }
        transformValue={[Function]}
      />
      <Connect(BidCyclePicker)
        isMultiple={true}
        setClick={[Function]}
        setSeasonsCb={[Function]}
        updatePagination={[Function]}
      />
      <Connect(PreferenceWrapper)
        keyRef="BID_PORTFOLIO_SORTS"
        onSelect={[Function]}
      >
        <SelectForm
          className="select-offset select-black"
          defaultSort=""
          disabled={false}
          emptyOptionText="- Select -"
          id="porfolio-sort"
          includeFirstEmptyOption={false}
          label="Sort By:"
          labelSrOnly={false}
          onSelectOption={[Function]}
          options={
            Array [
              Object {
                "text": "Last Name: A-Z",
                "value": "client_last_name,client_first_name,client_middle_name",
              },
              Object {
                "text": "Grade",
                "value": "client_grade",
              },
              Object {
                "text": "Skill",
                "value": "client_skill",
              },
              Object {
                "text": "Grade & Skill",
                "value": "client_grade,client_skill",
              },
            ]
          }
          transformValue={[Function]}
        />
      </Connect(PreferenceWrapper)>
    </div>
  </div>
  <div
    className="usa-width-one-whole portfolio-sort-container results-dropdown"
  >
    <ResultsViewBy
      initial="card"
      onClick={[Function]}
    />
    <div
      className="jc-toggle-container"
    >
      <ToggleButton
        activeBoxShadow=""
        boxShadow=""
        checked={false}
        checkedIcon={false}
        height={20}
        labelSameLine={true}
        labelText=""
        labelTextLeft=""
        labelTextRight="Toggle CDO D3.0 View"
        labelToLeft={true}
        offColor="#888888"
        offHandleColor="#ffffff"
        onChange={[Function]}
        onColor="#0071BC"
        onHandleColor="#ffffff"
        uncheckedIcon={false}
        width={40}
      />
    </div>
  </div>
  <div
    className="usa-width-one-whole portfolio-filter-pills-container"
  >
    <ResultsPillContainer
      isClientsPage={true}
      items={Array []}
      onPillClick={[Function]}
    />
  </div>
</div>
`;

exports[`BidControlsComponent matches snapshot when isLoading is true 1`] = `
<div
  className="usa-grid-full portfolio-controls"
>
  <div
    className="usa-width-one-whole portfolio-sort-container results-dropdown"
  >
    <div
      className="portfolio-sort-container-contents bid-cycle-picker-container"
      style={
        Object {
          "float": "left",
        }
      }
    >
      <div
        className="label"
      >
        Proxy CDO View:
      </div>
      <Connect(CDOAutoSuggest)
        cdoPills={Array []}
        pageSize={10}
        updatePagination={[Function]}
      />
    </div>
    <div
      className="portfolio-sort-container-contents small-screen-stack"
    >
      <SelectForm
        className="select-offset select-black"
        defaultSort={10}
        disabled={false}
        emptyOptionText="- Select -"
        id="num-clients"
        includeFirstEmptyOption={false}
        label="Display Clients:"
        labelSrOnly={false}
        onSelectOption={[Function]}
        options={
          Array [
            Object {
              "text": "5",
              "value": 5,
            },
            Object {
              "text": "10",
              "value": 10,
            },
            Object {
              "text": "25",
              "value": 25,
            },
            Object {
              "text": "50",
              "value": 50,
            },
            Object {
              "text": "250",
              "value": 250,
            },
          ]
        }
        transformValue={[Function]}
      />
      <Connect(BidCyclePicker)
        isMultiple={true}
        setClick={[Function]}
        setSeasonsCb={[Function]}
        updatePagination={[Function]}
      />
      <Connect(PreferenceWrapper)
        keyRef="BID_PORTFOLIO_SORTS"
        onSelect={[Function]}
      >
        <SelectForm
          className="select-offset select-black"
          defaultSort=""
          disabled={false}
          emptyOptionText="- Select -"
          id="porfolio-sort"
          includeFirstEmptyOption={false}
          label="Sort By:"
          labelSrOnly={false}
          onSelectOption={[Function]}
          options={
            Array [
              Object {
                "text": "Last Name: A-Z",
                "value": "client_last_name,client_first_name,client_middle_name",
              },
              Object {
                "text": "Grade",
                "value": "client_grade",
              },
              Object {
                "text": "Skill",
                "value": "client_skill",
              },
              Object {
                "text": "Grade & Skill",
                "value": "client_grade,client_skill",
              },
            ]
          }
          transformValue={[Function]}
        />
      </Connect(PreferenceWrapper)>
    </div>
  </div>
  <div
    className="usa-width-one-whole portfolio-sort-container results-dropdown"
  >
    <ResultsViewBy
      initial="card"
      onClick={[Function]}
    />
    <div
      className="jc-toggle-container"
    >
      <ToggleButton
        activeBoxShadow=""
        boxShadow=""
        checked={false}
        checkedIcon={false}
        height={20}
        labelSameLine={true}
        labelText=""
        labelTextLeft=""
        labelTextRight="Toggle CDO D3.0 View"
        labelToLeft={true}
        offColor="#888888"
        offHandleColor="#ffffff"
        onChange={[Function]}
        onColor="#0071BC"
        onHandleColor="#ffffff"
        uncheckedIcon={false}
        width={40}
      />
    </div>
  </div>
  <div
    className="usa-width-one-whole portfolio-filter-pills-container"
  >
    <ResultsPillContainer
      isClientsPage={true}
      items={Array []}
      onPillClick={[Function]}
    />
  </div>
</div>
`;