suffolklitlab / docassemble-alkilnsetup Goto Github PK

View Code? Open in Web Editor NEW

1.0 4.0 2.0 1.63 MB

A docassemble extension for testing the AssemblyLine automated integrated testing framework.

License: MIT License

Python 95.96% CSS 4.04%

docassemble-alkilnsetup's People

Contributors

Stargazers

Watchers

Forkers

michaelhofrichter daenecompass

docassemble-alkilnsetup's Issues

Add a button field that triggers an action

Shown in surrounding context, but only second button is a bottom-of-screen action button. Note how the text in the 'button' (link) is NOT in its own span.

<fieldset class="da-button-set da-field-buttons">
  <legend class="sr-only">Press one of the following buttons:</legend>
  <div class="form-actions">
    <button type="submit" class="btn btn-da btn-primary" name="YnV0dG9uX2V2ZW50X2FjdGlvbg" value="True"><span>Continue</span></button>
    <a data-linknum="1" href="/interview?action=eyJhY3Rpb24iOiAiZW5kIiwgImFyZ3VtZW50cyI6IHt9fQ&amp;i=docassemble.playground12ALTestingExpand%3Aall_tests.yml" class="btn btn-primary btn-da daquestionactionbutton danonsubmit">
      <svg class="svg-inline--fa fa-laugh-wink fa-w-16" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="laugh-wink" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" data-fa-i2svg=""><path fill="currentColor" d="M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm20.1 198.1c4-25.2 34.2-42.1 59.9-42.1s55.9 16.9 59.9 42.1c1.7 11.1-11.4 18.3-19.8 10.8l-9.5-8.5c-14.8-13.2-46.2-13.2-61 0L288 217c-8.4 7.4-21.6.3-19.9-10.9zM168 160c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm230.9 146C390 377 329.4 432 256 432h-16c-73.4 0-134-55-142.9-126-1.2-9.5 6.3-18 15.9-18h270c9.6 0 17.1 8.4 15.9 18z"></path></svg><!-- <i class="fas fa-laugh-wink"></i> Font Awesome fontawesome.com --> Do not pass go
    </a>
  </div>
</fieldset>

Add showif radio (yes/no)

<div style="" class="dashowif" data-saveas="c2hvd2lmX3llc25vcmFkaW8" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="form-group row darequired da-field-container da-field-container-datatype-boolean da-field-container-inputtype-yesnoradio">
    <label for="X2ZpZWxkXzQ" class="col-md-4 col-form-label da-form-label datext-right">showif yesnoradio
    </label>
    <div class="col-md-8 dafieldpart">
      <fieldset class="da-field-radio" role="radiogroup">
        <legend class="sr-only">Choices:</legend>
        <input aria-label="Yes" alt="Yes" class="da-to-labelauty labelauty da-active-invisible dafullwidth" id="X2ZpZWxkXzQ_0" name="X2ZpZWxkXzQ" type="radio" value="True" aria-hidden="true" style="display: none;">
        <label class="btn-light" for="X2ZpZWxkXzQ_0" tabindex="0" role="radio" aria-checked="false" aria-label="Yes">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg><!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">Yes</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">Yes</span>
        </label>
        <input aria-label="No" alt="No" class="da-to-labelauty labelauty da-active-invisible dafullwidth" id="X2ZpZWxkXzQ_1" name="X2ZpZWxkXzQ" type="radio" value="False" aria-hidden="true" style="display: none;">
          <label class="btn-light" for="X2ZpZWxkXzQ_1" tabindex="0" role="radio" aria-checked="false" aria-label="No">
            <span class="labelauty-unchecked-image text-muted">
              <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg><!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
            </span>
          <span class="labelauty-unchecked">No</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">No</span>
        </label>
      </fieldset>
    </div>
  </div>
</div>

Add regular button (yes/no/maybe)

<fieldset class="da-button-set da-field-yesnomaybe">
  <legend class="sr-only">Press one of the following buttons:</legend>
  <div class="form-actions">
    <button class="btn btn-primary btn-da " name="YnV0dG9uc195ZXNub21heWJl" type="submit" value="True"><span>Yes</span></button>
    <button class="btn btn-da btn-secondary" name="YnV0dG9uc195ZXNub21heWJl" type="submit" value="False"><span>No</span></button>
    <button class="btn btn-da btn-warning" name="YnV0dG9uc195ZXNub21heWJl" type="submit" value="None"><span>I don’t know</span></button>
  </div>
</fieldset>

Add a link

Happens to be in a list item. Note that text next to the link is NOT in its own span.

<li>
  <a data-linknum="1" target="_blank" href="http://ecosia.org/">Link to external page</a>. Its value is always the same.
</li>

Github info screen: Provide an example of required URL

Provide an example of the kind of URL that is required here? E.g., https://github.com/plocket/docassemble-ALAutomatedTestingTests

Originally posted by @niharikasingh in #42 (comment)

Add showif text area

<div style="" class="dashowif" data-saveas="c2hvd2lmX3RleHRhcmVh" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="form-group row darequired da-field-container da-field-container-datatype-text da-field-container-inputtype-area">
    <label for="X2ZpZWxkXzc" class="col-md-4 col-form-label da-form-label datext-right">showif text input</label>
    <div class="col-md-8 dafieldpart">
      <textarea alt="Input box" class="form-control" rows="4" name="X2ZpZWxkXzc" id="X2ZpZWxkXzc"></textarea>
    </div>
  </div>
</div>

Add regular yes/no radio button

<div class="form-group row darequired da-field-container da-field-container-datatype-boolean da-field-container-inputtype-yesnoradio">
  <label for="cmFkaW9feWVzbm8" class="col-md-4 col-form-label da-form-label datext-right">radio (yesno)
  </label>
  <div class="col-md-8 dafieldpart">
    <fieldset class="da-field-radio" role="radiogroup">
      <legend class="sr-only">Choices:</legend>
      <input aria-label="Yes" alt="Yes" class="da-to-labelauty labelauty da-active-invisible dafullwidth" id="cmFkaW9feWVzbm8_0" name="cmFkaW9feWVzbm8" type="radio" value="True" aria-hidden="true" style="display: none;">
      <label class="btn-light" for="cmFkaW9feWVzbm8_0" tabindex="0" role="radio" aria-checked="false" aria-label="Yes">
        <span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg><!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
          <span class="labelauty-unchecked">Yes</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">Yes</span>
        </label>
          <input aria-label="No" alt="No" class="da-to-labelauty labelauty da-active-invisible dafullwidth" id="cmFkaW9feWVzbm8_1" name="cmFkaW9feWVzbm8" type="radio" value="False" aria-hidden="true" style="display: none;">
          <label class="btn-light" for="cmFkaW9feWVzbm8_1" tabindex="0" role="radio" aria-checked="false" aria-label="No">
            <span class="labelauty-unchecked-image text-muted">
              <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg><!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
            </span>
          <span class="labelauty-unchecked">No</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">No</span>
        </label>
    </fieldset>
  </div>
</div>

On a page with `show if`s, use previous `show if`s to reveal more `show if`s

We can use this to test whether the story table appropriately checks for every possible field to be revealed. To test it properly, the table should put the last field that would be revealed earliest in the table.

Add regular checkbox (none of)

Add regular checkbox (yes/no)

<div class="form-group row dayesnospacing da-field-container da-field-container-datatype-boolean da-field-container-inputtype-yesno da-field-container-emptylabel">
  <label for="Y2hlY2tib3hlc195ZXNubw" class="sr-only">Check if applicable</label>
  <div class="offset-md-4 col-md-8 dafieldpart">
    <fieldset class="da-field-checkbox">
      <legend class="sr-only">Choices:</legend>
      <input aria-label="checkboxes (yesno)" alt="checkboxes (yesno)" class="da-to-labelauty checkbox-icon dauncheckable labelauty da-active-invisible dafullwidth" type="checkbox" value="True" name="Y2hlY2tib3hlc195ZXNubw" id="Y2hlY2tib3hlc195ZXNubw" aria-hidden="true" style="display: none;">
      <label class="btn-light" for="Y2hlY2tib3hlc195ZXNubw" tabindex="0" role="checkbox" aria-checked="false" aria-label="checkboxes (yesno)">
        <span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-unchecked">checkboxes (yesno)</span>
        <span class="labelauty-checked-image">
          <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-checked">checkboxes (yesno)</span>
        </label>
    </fieldset>
  </div>
</div>

Add a regular text field

<div class="form-group row darequired da-field-container da-field-container-datatype-text">
  <label for="dGV4dF9pbnB1dA" class="col-md-4 col-form-label da-form-label datext-right">text input</label>
  <div class="col-md-8 dafieldpart">
    <input alt="Input box" class="form-control" type="text" name="dGV4dF9pbnB1dA" id="dGV4dF9pbnB1dA">
  </div>
</div>

Add regular dropdown

<div class="form-group row darequired da-field-container da-field-container-datatype-dropdown da-field-container-inputtype-dropdown">
  <label for="ZHJvcGRvd25fdGVzdA" class="col-md-4 col-form-label da-form-label datext-right">dropdown</label>
  <div class="col-md-8 dafieldpart">
    <p class="sr-only">Select box</p>
    <select class="form-control dasingleselect" name="ZHJvcGRvd25fdGVzdA" id="ZHJvcGRvd25fdGVzdA" aria-invalid="false">
      <option value="dropdown_opt_1" selected="selected">dropdown opt 1</option>
      <option value="dropdown_opt_2">dropdown opt 2</option>
      <option value="dropdown_opt_3">dropdown opt 3</option>
    </select>
  </div>
</div>

Fix typo in final instructions: "firs" -> "first"

"firs" -> "first"

Originally posted by @niharikasingh in #41 (comment)

Add showif dropdown

<div style="" class="dashowif" data-saveas="c2hvd2lmX2Ryb3Bkb3du" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="form-group row darequired da-field-container da-field-container-datatype-text da-field-container-inputtype-dropdown">
    <label for="X2ZpZWxkXzg" class="col-md-4 col-form-label da-form-label datext-right">showif dropdown</label>
    <div class="col-md-8 dafieldpart">
      <p class="sr-only">Select box</p>
      <select class="form-control dasingleselect" name="X2ZpZWxkXzg" id="X2ZpZWxkXzg">
        <option value="">Select...</option>
        <option value="showif_dropdown_1">showif dropdown opt 1</option>
        <option value="showif_dropdown_2">showif dropdown opt 2</option>
        <option value="showif_dropdown_3">showif dropdown opt 3</option>
        <option value="showif_dropdown_4">showif dropdown opt 4</option>
      </select>
    </div>
  </div>
</div>

Add regular radio button (other)

<div class="form-group row darequired da-field-container da-field-container-datatype-text da-field-container-inputtype-radio">
  <label for="cmFkaW9fb3RoZXI" class="col-md-4 col-form-label da-form-label datext-right">radio (other)
  </label>
  <div class="col-md-8 dafieldpart">
    <fieldset class="da-field-radio" role="radiogroup">
      <legend class="sr-only">Choices:</legend>
      <input aria-label="radio opt 1" alt="radio opt 1" class="da-to-labelauty labelauty da-active-invisible dafullwidth" id="cmFkaW9fb3RoZXI_0" name="cmFkaW9fb3RoZXI" type="radio" value="radio_other_opt_1" aria-hidden="true" style="display: none;">
      <label class="btn-light" for="cmFkaW9fb3RoZXI_0" tabindex="0" role="radio" aria-checked="false" aria-label="radio opt 1">
        <span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg><!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
          <span class="labelauty-unchecked">radio opt 1</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">radio opt 1</span>
        </label>
          <input aria-label="radio opt 2" alt="radio opt 2" class="da-to-labelauty labelauty da-active-invisible dafullwidth" id="cmFkaW9fb3RoZXI_1" name="cmFkaW9fb3RoZXI" type="radio" value="radio_other_opt_2" aria-hidden="true" style="display: none;">
          <label class="btn-light" for="cmFkaW9fb3RoZXI_1" tabindex="0" role="radio" aria-checked="false" aria-label="radio opt 2">
            <span class="labelauty-unchecked-image text-muted">
              <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg><!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
            </span>
          <span class="labelauty-unchecked">radio opt 2</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">radio opt 2</span>
        </label>
          <input aria-label="radio opt 3" alt="radio opt 3" class="da-to-labelauty labelauty da-active-invisible dafullwidth" id="cmFkaW9fb3RoZXI_2" name="cmFkaW9fb3RoZXI" type="radio" value="radio_other_opt_3" aria-hidden="true" style="display: none;">
          <label class="btn-light" for="cmFkaW9fb3RoZXI_2" tabindex="0" role="radio" aria-checked="false" aria-label="radio opt 3">
            <span class="labelauty-unchecked-image text-muted">
              <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg><!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
            </span>
          <span class="labelauty-unchecked">radio opt 3</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">radio opt 3</span>
        </label>
    </fieldset>
  </div>
</div>

Create an interview to help a developer set up testing for their repo (MVP)

Ideally, they leave the interview as little as possible.

TODO functionality:

Get username, repo name, personal access token
Parse username and repo name from repo url
Get email, password, ... playground id from an interview url
Set secrets (maybe done. no way to test yet.)
Copy and transform files
Push to? New branch and PR? Or to default branch?

TODO validation:

Check repo address is sensical github address
Check user and repo exist
Check that user has permissions on the repo
Check that interview url is of correct type

TODO discuss refactoring:

~~Split into GitHubAuth, GitHubSecrets, GitHubPush, GitHubTestInstaller?~~ Have PyGithub now.
~~Split into GithubSecrets, GitHubTestInstaller? (PyGithub does not yet handle secrets) May not be worth it at this point.~~

da info page: Add example URL

An example might be nice here. Something like "In most cases, the URL will look something like ______"

Originally posted by @niharikasingh in #41 (comment)

Add: dropdown choices created with `datatype` `object`

https://docassemble.org/docs/fields.html#object

Add showif radio (other)

prettified with https://webformatter.com/html

Boostrap 5
When fields are hidden:

<div style="display: none;" class="dashowif" data-saveas="c2hvd2lmX3JhZGlvX290aGVy" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="da-form-group row darequired da-field-container da-field-container-datatype-text da-field-container-inputtype-radio">
    <label for="X2ZpZWxkXzU" class="col-md-4 col-form-label da-form-label datext-right">showif radio (multiple)</label>
    <div class="col-md-8 dafieldpart">
      <fieldset class="da-field-radio" role="radiogroup">
        <legend class="visually-hidden">Choices:</legend>
        <input
          aria-label="showif radio multi 1"
          alt="showif radio multi 1"
          class="da-to-labelauty labelauty da-active-invisible dafullwidth"
          id="X2ZpZWxkXzU_0"
          name="X2ZpZWxkXzU"
          type="radio"
          value="showif_radio_multi_1"
          aria-hidden="true"
          style="display: none;"
          disabled=""
        />
        <label class="form-label btn-light" for="X2ZpZWxkXzU_0" tabindex="0" role="radio" aria-checked="false" aria-label="showif radio multi 1">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path>
            </svg>
            <!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif radio multi 1</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path
                fill="currentColor"
                d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
              ></path>
            </svg>
            <!-- <i class="fas fa-check-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif radio multi 1</span>
        </label>
        <input
          aria-label="showif radio multi 2"
          alt="showif radio multi 2"
          class="da-to-labelauty labelauty da-active-invisible dafullwidth"
          id="X2ZpZWxkXzU_1"
          name="X2ZpZWxkXzU"
          type="radio"
          value="showif_radio_multi_2"
          aria-hidden="true"
          style="display: none;"
          disabled=""
        />
        <label class="form-label btn-light" for="X2ZpZWxkXzU_1" tabindex="0" role="radio" aria-checked="false" aria-label="showif radio multi 2">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path>
            </svg>
            <!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif radio multi 2</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path
                fill="currentColor"
                d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
              ></path>
            </svg>
            <!-- <i class="fas fa-check-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif radio multi 2</span>
        </label>
        <input
          aria-label="showif radio multi 3"
          alt="showif radio multi 3"
          class="da-to-labelauty labelauty da-active-invisible dafullwidth"
          id="X2ZpZWxkXzU_2"
          name="X2ZpZWxkXzU"
          type="radio"
          value="showif_radio_multi_3"
          aria-hidden="true"
          style="display: none;"
          disabled=""
        />
        <label class="form-label btn-light" for="X2ZpZWxkXzU_2" tabindex="0" role="radio" aria-checked="false" aria-label="showif radio multi 3">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path>
            </svg>
            <!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif radio multi 3</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path
                fill="currentColor"
                d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
              ></path>
            </svg>
            <!-- <i class="fas fa-check-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif radio multi 3</span>
        </label>
      </fieldset>
    </div>
  </div>
</div>

When fields are visible:

<div style="" class="dashowif" data-saveas="c2hvd2lmX3JhZGlvX290aGVy" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="da-form-group row darequired da-field-container da-field-container-datatype-text da-field-container-inputtype-radio">
    <label for="X2ZpZWxkXzU" class="col-md-4 col-form-label da-form-label datext-right">showif radio (multiple)</label>
    <div class="col-md-8 dafieldpart">
      <fieldset class="da-field-radio" role="radiogroup">
        <legend class="visually-hidden">Choices:</legend>
        <input
          aria-label="showif radio multi 1"
          alt="showif radio multi 1"
          class="da-to-labelauty labelauty da-active-invisible dafullwidth"
          id="X2ZpZWxkXzU_0"
          name="X2ZpZWxkXzU"
          type="radio"
          value="showif_radio_multi_1"
          aria-hidden="true"
          style="display: none;"
        />
        <label class="form-label btn-light" for="X2ZpZWxkXzU_0" tabindex="0" role="radio" aria-checked="false" aria-label="showif radio multi 1">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path>
            </svg>
            <!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif radio multi 1</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path
                fill="currentColor"
                d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
              ></path>
            </svg>
            <!-- <i class="fas fa-check-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif radio multi 1</span>
        </label>
        <input
          aria-label="showif radio multi 2"
          alt="showif radio multi 2"
          class="da-to-labelauty labelauty da-active-invisible dafullwidth"
          id="X2ZpZWxkXzU_1"
          name="X2ZpZWxkXzU"
          type="radio"
          value="showif_radio_multi_2"
          aria-hidden="true"
          style="display: none;"
        />
        <label class="form-label btn-light" for="X2ZpZWxkXzU_1" tabindex="0" role="radio" aria-checked="false" aria-label="showif radio multi 2">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path>
            </svg>
            <!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif radio multi 2</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path
                fill="currentColor"
                d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
              ></path>
            </svg>
            <!-- <i class="fas fa-check-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif radio multi 2</span>
        </label>
        <input
          aria-label="showif radio multi 3"
          alt="showif radio multi 3"
          class="da-to-labelauty labelauty da-active-invisible dafullwidth"
          id="X2ZpZWxkXzU_2"
          name="X2ZpZWxkXzU"
          type="radio"
          value="showif_radio_multi_3"
          aria-hidden="true"
          style="display: none;"
        />
        <label class="form-label btn-light" for="X2ZpZWxkXzU_2" tabindex="0" role="radio" aria-checked="false" aria-label="showif radio multi 3">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path>
            </svg>
            <!-- <i class="far fa-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif radio multi 3</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check-circle fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path
                fill="currentColor"
                d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"
              ></path>
            </svg>
            <!-- <i class="fas fa-check-circle fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif radio multi 3</span>
        </label>
      </fieldset>
    </div>
  </div>
</div>

Add showif buttons (continue)

Make regex-finding checks more consistent

This is kinda nitpicky, but in set_da_info where we had a similar pattern, we checked if server_match is None: first and here we check if matches: first. I think it would be nice to have consistency in what we check first, since both these functions are so similar. It'll reduce brain load when trying to parse what's going on.

Originally posted by @niharikasingh in #42 (comment)

Discuss changing repo name or scope

It's basically turning into a repo that

Tests the testing library.
Contains user-facing tools to help developers make tests.

The only current user-facing tool is the one that helps get a developer set up, but if this is repo is going to be multi-purpose in this way, we could move the test generator here too. I'm not sure it would be an interview as it would actually be harder to create what now exists within a da package and I hope we can look into more features for it that also may not mesh well with a da package.

That said, we could also decide to split them up into... 3 repos?

Testing library.
Package for testing testing library.
Tools to help developers make tests.

It's annoying to have so many repos lying around, but it would be a bit cleaner. Thoughts?

Add regular button (other)

<fieldset class="da-button-set da-field-buttons">
  <legend class="sr-only">Press one of the following buttons:</legend>
  <div class="form-actions">
    <button type="submit" class="btn btn-da btn-primary" name="YnV0dG9uc19vdGhlcg" value="button_1"><span>button 1</span></button>
    <button type="submit" class="btn btn-da btn-primary" name="YnV0dG9uc19vdGhlcg" value="button_2"><span>button 2</span></button>
    <button type="submit" class="btn btn-da btn-primary" name="YnV0dG9uc19vdGhlcg" value="button_3"><span>button 3</span></button>
  </div>
</fieldset>

To each issue naming a field to test, add the relevant DOM structure created by that field

Including closed ones. Most of these will be in <fieldset> or <formgroup>

Will add an example here.

[Edit:]
We'll figure out which ones of these are actually fields:

Add regular text area

<div class="form-group row darequired da-field-container da-field-container-datatype-text da-field-container-inputtype-area">
  <label for="dGV4dGFyZWE" class="col-md-4 col-form-label da-form-label datext-right">textarea</label>
  <div class="col-md-8 dafieldpart">
    <textarea alt="Input box" class="form-control" rows="4" name="dGV4dGFyZWE" id="dGV4dGFyZWE">asdfsadf</textarea>
  </div>
</div>

Add regular checkbox (none of)

With Boostrap 5 change, none of the above checkboxes are always required to have an option chosen. We may need SuffolkLITLab/ALKiln#781 to be a separate field in our tests now.

  - checkboxes (other): checkboxes_other
    datatype: checkboxes
    choices: 
       - checkboxes opt 1: checkbox_other_opt_1
       - checkboxes opt 2: checkbox_other_opt_2
       - checkboxes opt 3: checkbox_other_opt_3

It's hard to tell because of the differences in whitespace, but I think they look basically the same.

Bootstrap 5:

<div class="da-form-group row darequired da-field-container da-field-container-datatype-checkboxes da-field-container-inputtype-checkboxes"><label class="col-md-4 col-form-label da-form-label datext-right">checkboxes (other)</label>
  <div class="col-md-8 dafieldpart">
    <fieldset class="da-field-checkboxes" role="group">
      <legend class="visually-hidden">Checkboxes:</legend><input aria-label="checkboxes opt 1" alt="checkboxes opt 1" class="dafield1 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="Y2hlY2tib3hlc19vdGhlcg_0" name="Y2hlY2tib3hlc19vdGhlcltCJ1kyaGxZMnRpYjNoZmIzUm9aWEpmYjNCMFh6RSdd" type="checkbox" value="True" aria-hidden="true" style="display: none;"><label class="form-label btn-light" for="Y2hlY2tib3hlc19vdGhlcg_0" tabindex="0" role="checkbox" aria-checked="false" aria-label="checkboxes opt 1"><span class="labelauty-unchecked-image text-muted"><svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path>
          </svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-unchecked">checkboxes opt 1</span><span class="labelauty-checked-image"><svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path>
          </svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-checked">checkboxes opt 1</span></label><input aria-label="checkboxes opt 2" alt="checkboxes opt 2" class="dafield1 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="Y2hlY2tib3hlc19vdGhlcg_1" name="Y2hlY2tib3hlc19vdGhlcltCJ1kyaGxZMnRpYjNoZmIzUm9aWEpmYjNCMFh6SSdd" type="checkbox" value="True" aria-hidden="true" style="display: none;"><label class="form-label btn-light" for="Y2hlY2tib3hlc19vdGhlcg_1" tabindex="0" role="checkbox" aria-checked="false" aria-label="checkboxes opt 2"><span class="labelauty-unchecked-image text-muted"><svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path>
          </svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-unchecked">checkboxes opt 2</span><span class="labelauty-checked-image"><svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path>
          </svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-checked">checkboxes opt 2</span></label><input aria-label="checkboxes opt 3" alt="checkboxes opt 3" class="dafield1 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="Y2hlY2tib3hlc19vdGhlcg_2" name="Y2hlY2tib3hlc19vdGhlcltCJ1kyaGxZMnRpYjNoZmIzUm9aWEpmYjNCMFh6TSdd" type="checkbox" value="True" aria-hidden="true" style="display: none;"><label class="form-label btn-light" for="Y2hlY2tib3hlc19vdGhlcg_2" tabindex="0" role="checkbox" aria-checked="false" aria-label="checkboxes opt 3"><span class="labelauty-unchecked-image text-muted"><svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path>
          </svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-unchecked">checkboxes opt 3</span><span class="labelauty-checked-image"><svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path>
          </svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-checked">checkboxes opt 3</span></label><input aria-label="None of the above" alt="None of the above" class="dafield1 danota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" type="checkbox" name="_ignore1" aria-hidden="true" id="labelauty-686730" style="display: none;"><label class="form-label btn-light" for="labelauty-686730" tabindex="0" role="checkbox" aria-checked="false" aria-label="None of the above"><span class="labelauty-unchecked-image text-muted"><svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path>
          </svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-unchecked">None of the above</span><span class="labelauty-checked-image"><svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path>
          </svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-checked">None of the above</span></label>
    </fieldset>
  </div>
</div>

Add showif checkbox (none of)

<div style="" class="dashowif" data-saveas="c2hvd2lmX2NoZWNrYm94ZXNfb3RoZXI" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="form-group row darequired da-field-container da-field-container-datatype-checkboxes da-field-container-inputtype-checkboxes">
    <label class="col-md-4 col-form-label da-form-label datext-right">showif checkboxes (multiple)
    </label>
    <div class="col-md-8 dafieldpart">
      <fieldset class="da-field-checkboxes" role="group">
        <legend class="sr-only">Checkboxes:</legend>
        <input aria-label="showif checkbox nota 1" alt="showif checkbox nota 1" class="dafield3 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="X2ZpZWxkXzM_0" name="X2ZpZWxkXzNbQidjMmh2ZDJsbVgyTm9aV05yWW05NFpYTmZibTkwWVY4eCdd" type="checkbox" value="True" aria-hidden="true" style="display: none;">
        <label class="btn-light" for="X2ZpZWxkXzM_0" tabindex="0" role="checkbox" aria-checked="false" aria-label="showif checkbox nota 1">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif checkbox nota 1</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif checkbox nota 1</span>
        </label>
        <input aria-label="showif checkbox nota 2" alt="showif checkbox nota 2" class="dafield3 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="X2ZpZWxkXzM_1" name="X2ZpZWxkXzNbQidjMmh2ZDJsbVgyTm9aV05yWW05NFpYTmZibTkwWVY4eSdd" type="checkbox" value="True" aria-hidden="true" style="display: none;">
        <label class="btn-light" for="X2ZpZWxkXzM_1" tabindex="0" role="checkbox" aria-checked="false" aria-label="showif checkbox nota 2">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif checkbox nota 2</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif checkbox nota 2</span>
        </label>
        <input aria-label="showif checkbox nota 3" alt="showif checkbox nota 3" class="dafield3 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="X2ZpZWxkXzM_2" name="X2ZpZWxkXzNbQidjMmh2ZDJsbVgyTm9aV05yWW05NFpYTmZibTkwWVY4eidd" type="checkbox" value="True" aria-hidden="true" style="display: none;">
        <label class="btn-light" for="X2ZpZWxkXzM_2" tabindex="0" role="checkbox" aria-checked="false" aria-label="showif checkbox nota 3">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif checkbox nota 3</span>
          <span class="labelauty-checked-image">
              <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif checkbox nota 3</span>
        </label>
        <input aria-label="None of the above" alt="None of the above" class="dafield3 danota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" type="checkbox" name="_ignore3" aria-hidden="true" id="labelauty-213378" style="display: none;">
        <label class="btn-light" for="labelauty-213378" tabindex="0" role="checkbox" aria-checked="false" aria-label="None of the above">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">None of the above</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">None of the above</span>
        </label>
      </fieldset>
    </div>
  </div>
</div>

Correctly find and interact with showif fields in the DOM

Fields created with the show if: specifier have a different DOM structure. Ensure they are found correctly.

Insert the usual list of fields here as a todo list when we have time.

Add regular button (continue)

<fieldset class="da-button-set da-field-buttons">
  <legend class="sr-only">Press one of the following buttons:</legend>
  <div class="form-actions">
    <button type="submit" class="btn btn-da btn-primary" name="YnV0dG9uX2NvbnRpbnVl" value="True"><span>Continue</span></button>
  </div>
</fieldset>

In final instructions, change to "usually `main` or `master`"?

Change to "usually main or master"?

Originally posted by @niharikasingh in #41 (comment)

Github info screen: Mention that the token must have repo permissions here too?

Mention that the token must have repo permissions? (I think you do this later, but I think that information is required here too, right?)

Originally posted by @niharikasingh in #42 (comment)

Correct typo in ending screen

Spelling error I couldn't help but notice :P

Originally posted by @niharikasingh in #64 (comment)

Add a button that's not a continue button

See DOM in #8 or #9.

Add checkbox choices created with `datatype` `object_checkbox`

<div class="form-group row darequired da-field-container da-field-container-datatype-object_checkboxes da-field-container-inputtype-checkboxes da-field-container-nolabel">
  <label class="sr-only">Answer here</label>
  <div class="col dawidecol dafieldpart">
    <fieldset class="da-field-checkboxes" role="group">
      <legend class="sr-only">Checkboxes:</legend>
      <input aria-label="obj chkbx opt 1" alt="obj chkbx opt 1" class="dafield0 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdA_0" name="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdFtCJ1lqSktjVmd5VG05aE1rbzBXREk1ZDJSR09IZydd" type="checkbox" value="True" aria-hidden="true" style="display: none;">
      <label class="btn-light" for="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdA_0" tabindex="0" role="checkbox" aria-checked="false" aria-label="obj chkbx opt 1">
        <span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-unchecked">obj chkbx opt 1</span>
        <span class="labelauty-checked-image">
          <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-checked">obj chkbx opt 1</span>
      </label>
      <input aria-label="obj chkbx opt 2" alt="obj chkbx opt 2" class="dafield0 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdA_1" name="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdFtCJ1lqSktjVmd5VG05aE1rbzBXREk1ZDJSR09Iaydd" type="checkbox" value="True" aria-hidden="true" style="display: none;">
      <label class="btn-light" for="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdA_1" tabindex="0" role="checkbox" aria-checked="false" aria-label="obj chkbx opt 2">
        <span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-unchecked">obj chkbx opt 2</span>
        <span class="labelauty-checked-image">
          <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-checked">obj chkbx opt 2</span>
      </label>
      <input aria-label="obj chkbx opt 3" alt="obj chkbx opt 3" class="dafield0 danon-nota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" id="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdA_2" name="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdFtCJ1lqSktjVmd5VG05aE1rbzBXREk1ZDJSR09Ibydd" type="checkbox" value="True" aria-hidden="true" style="display: none;">
      <label class="btn-light" for="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdA_2" tabindex="0" role="checkbox" aria-checked="false" aria-label="obj chkbx opt 3">
        <span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-unchecked">obj chkbx opt 3</span>
        <span class="labelauty-checked-image">
          <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-checked">obj chkbx opt 3</span>
      </label>
      <input aria-label="None of the above" alt="None of the above" class="dafield0 danota-checkbox da-to-labelauty checkbox-icon labelauty da-active-invisible dafullwidth" type="checkbox" name="_ignore0" aria-hidden="true" id="labelauty-60156" style="display: none;">
      <label class="btn-light" for="labelauty-60156" tabindex="0" role="checkbox" aria-checked="false" aria-label="None of the above">
        <span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-unchecked">None of the above</span>
        <span class="labelauty-checked-image">
          <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
        </span>
        <span class="labelauty-checked">None of the above</span>
      </label>
    </fieldset>
    <input type="hidden" name="b2JqZWN0X2NoZWNrYm94ZXNfdGVzdC5nYXRoZXJlZA" value="True">
  </div>
</div>

Does `show if` created with `variable` or `js show if` create different DOM structure?

Only took a quick glance, but other than the outer class name they look the same to me.

show if

<div style="" class="dashowif" data-saveas="c2hvd18z" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18y" data-showif-val="True">
  <div class="form-group row dayesnospacing da-field-container da-field-container-datatype-boolean da-field-container-inputtype-yesno da-field-container-emptylabel"><label for="X2ZpZWxkXzE" class="sr-only">Check if applicable</label>
    <div class="offset-md-4 col-md-8 dafieldpart">
      <fieldset class="da-field-checkbox">
        <legend class="sr-only">Choices:</legend><input aria-label="Show layer 3 (showif checkbox yesno)" alt="Show layer 3 (showif checkbox yesno)" class="da-to-labelauty checkbox-icon dauncheckable labelauty da-active-invisible dafullwidth" type="checkbox" value="True" name="X2ZpZWxkXzE" id="X2ZpZWxkXzE" aria-hidden="true" style="display: none;"><label class="btn-primary" for="X2ZpZWxkXzE" tabindex="0" role="checkbox" aria-checked="true" aria-label="Show layer 3 (showif checkbox yesno)"><span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path...></path>
          </svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-unchecked">Show layer 3 (showif checkbox yesno)</span><span class="labelauty-checked-image"><svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path...></path>
          </svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-checked">Show layer 3 (showif checkbox yesno)</span></label>
      </fieldset>
    </div>
  </div>
</div>

show if with variable

<div style="" class="dashowif" data-saveas="c2hvd2lmX3Zhcl95ZXNubw" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd2lmX2Ryb3Bkb3du" data-showif-val="show_4">
  <div class="form-group row dayesnospacing da-field-container da-field-container-datatype-boolean da-field-container-inputtype-yesno da-field-container-emptylabel"><label for="X2ZpZWxkXzg" class="sr-only">Check if applicable</label>
    <div class="offset-md-4 col-md-8 dafieldpart">
      <fieldset class="da-field-checkbox">
        <legend class="sr-only">Choices:</legend><input aria-label="showif with var yesno checkbox" alt="showif with var yesno checkbox" class="da-to-labelauty checkbox-icon dauncheckable labelauty da-active-invisible dafullwidth" type="checkbox" value="True" name="X2ZpZWxkXzg" id="X2ZpZWxkXzg" aria-hidden="true" style="display: none;"><label class="btn-light" for="X2ZpZWxkXzg" tabindex="0" role="checkbox" aria-checked="false" aria-label="showif with var yesno checkbox"><span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
            <path...></path>
          </svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-unchecked">showif with var yesno checkbox</span><span class="labelauty-checked-image">
          <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path...></path>
          </svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-checked">showif with var yesno checkbox</span></label>
      </fieldset>
    </div>
  </div>
</div>

js show if

<div style="" class="dajsshowif" data-saveas="c2hvd2lmX3Zhcl95ZXNubw" data-jsshowif="eyJleHByZXNzaW9uIjogInZhbCgnc2hvd18yJykgPT09IHRydWUiLCAidmFycyI6IFsic2hvd18yIl0sICJzaWduIjogdHJ1ZSwgIm1vZGUiOiAwfQ">
  <div class="form-group row dayesnospacing da-field-container da-field-container-datatype-boolean da-field-container-inputtype-yesno da-field-container-emptylabel"><label for="X2ZpZWxkXzg" class="sr-only">Check if applicable</label>
    <div class="offset-md-4 col-md-8 dafieldpart">
      <fieldset class="da-field-checkbox">
        <legend class="sr-only">Choices:</legend><input aria-label="showif with js yesno checkbox" alt="showif with js yesno checkbox" class="da-to-labelauty checkbox-icon dauncheckable labelauty da-active-invisible dafullwidth" type="checkbox" value="True" name="X2ZpZWxkXzg" id="X2ZpZWxkXzg" aria-hidden="true" style="display: none;"><label class="btn-light" for="X2ZpZWxkXzg" tabindex="0" role="checkbox" aria-checked="false" aria-label="showif with js yesno checkbox"><span class="labelauty-unchecked-image text-muted">
          <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
              <path...></path>
          </svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-unchecked">showif with js yesno checkbox</span><span class="labelauty-checked-image">
          <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
              <path...></path>
          </svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com --></span><span class="labelauty-checked">showif with js yesno checkbox</span></label>
      </fieldset>
    </div>
  </div>
</div>

Add showif buttons (yes/no)

Add terms

This just happens to be in a list item. ::marker had to be copied manually instead of with 'copy outer html', but came on a line right after the li. Note that the text in the list item that is still in the list is NOT in its own span.

<li>
  <a tabindex="0" class="daterm" data-toggle="popover" data-container="body" data-placement="bottom" data-content="A term is a word that you click on if you don’t know what the definition is." data-original-title="" title="">Term</a> (working).
</li>

Setup: research using organization secrets

Could we use organization secrets to avoid having to set secrets for an individual's repo? If so, when the user is filling out the form how do we check if their repo has organization secrets available? Do we ask them for the repo name first and then... I'm not sure what the API for that looks like. I think you'd just have the same syntax and it would access the org secrets. https://docs.github.com/en/actions/reference/encrypted-secrets#creating-encrypted-secrets-for-a-repository
Apparently org workflows are just workflow templates. I suppose we could do that and have our code pull that workflow template from the org. Not sure that's really useful to us. It would at least set some basic stuff like BASE_URL Could we have an interview for org admins to set up a workflow for their org? https://docs.github.com/en/actions/learn-github-actions/sharing-workflows-with-your-organization. If so, how do we limit the workflow to just some repositories? A config in the repo? We don't need to worry about a config for the repo or filename. The first will be clear by which repo is being pushed to. The second is in the test files.

Research `yesno:` (NOT `datatype: yesno`) to see if it has different DOM

Include yesnomaybe:

Add showif checkbox (yes/no)

<div style="" class="dashowif" data-saveas="c2hvd2lmX2NoZWNrYm94X3llc25v" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="form-group row dayesnospacing da-field-container da-field-container-datatype-boolean da-field-container-inputtype-yesno da-field-container-emptylabel">
    <label for="X2ZpZWxkXzI" class="sr-only">Check if applicable</label>
    <div class="offset-md-4 col-md-8 dafieldpart">
      <fieldset class="da-field-checkbox">
        <legend class="sr-only">Choices:</legend>
        <input aria-label="showif checkbox yesno" alt="showif checkbox yesno" class="da-to-labelauty checkbox-icon dauncheckable labelauty da-active-invisible dafullwidth" type="checkbox" value="True" name="X2ZpZWxkXzI" id="X2ZpZWxkXzI" aria-hidden="true" style="display: none;">
        <label class="btn-light" for="X2ZpZWxkXzI" tabindex="0" role="checkbox" aria-checked="false" aria-label="showif checkbox yesno">
          <span class="labelauty-unchecked-image text-muted">
            <svg class="svg-inline--fa fa-square fa-w-14 fa-fw" aria-hidden="true" focusable="false" data-prefix="far" data-icon="square" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z"></path></svg><!-- <i class="far fa-square fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-unchecked">showif checkbox yesno</span>
          <span class="labelauty-checked-image">
            <svg class="svg-inline--fa fa-check fa-w-16 fa-fw" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg><!-- <i class="fas fa-check fa-fw"></i> Font Awesome fontawesome.com -->
          </span>
          <span class="labelauty-checked">showif checkbox yesno</span>
        </label>
      </fieldset>
    </div>
  </div>
</div>

Create payload with `json.dumps` or f-string

This might be easier to read with an f-string. Something like

>>> name = "Eric"
>>> age = 74
>>> f"Hello, {name}. You are {age}."

Source: https://realpython.com/python-f-strings/

Or creating a regular dict and then json.dumpsing it to turn it into a string.

Originally posted by @niharikasingh in #53 (comment)

[Edit to add response:]

I have not seen that way of composing strings in python before! All the ways I've seen it done have been incredibly clunky. This is much better.

I really like the idea of json.dumps too. It seems scalable. I'd seen it around, but wasn't sure of its use and didn't take the time to find out.

Which do you think would be a better fit?

Add a phrase

Just text on a page, but remember that text can be in separate nodes. For example, a link next to some other text.

Make dependencies explicit

Are these all default python libraries? If not, it might be worth adding in a requirements.txt at some point that lists all the python libraries we use, so that developers can install them all in one go.

Originally posted by @niharikasingh in #41 (comment)

Reply:
Hmm, previously I had added the necessary dependencies on the Packages page. I think I forgot to do that this time around. Really good eye. The ones that are unique to our project, I think, are PyNacl and PyGithub. I'll have to ask around and see if others are non-standard.

Remove console logs in `set_da_info`

Are these debugging statements meant to be in the final commit? If so, it's probably worth replacing 1 with some text like started function set_da_info etc.

Originally posted by @niharikasingh in #41 (comment)

Fix repo getting assumes user is repo owner (I think)

I think the current code actually assumes the token belongs to the owner of the repo. That's what you get for having no tests!

Add showif text input (type text)

<div style="" class="dashowif" data-saveas="c2hvd2lmX3RleHRfaW5wdXQ" data-showif-sign="1" data-showif-mode="0" data-showif-var="c2hvd18z" data-showif-val="True">
  <div class="form-group row darequired da-field-container da-field-container-datatype-text">
    <label for="X2ZpZWxkXzY" class="col-md-4 col-form-label da-form-label datext-right">showif text input</label>
    <div class="col-md-8 dafieldpart">
      <input alt="Input box" class="form-control" type="text" name="X2ZpZWxkXzY" id="X2ZpZWxkXzY">
    </div>
  </div>
</div>

Test nested showifs with out-of-order story table rows

e.g. row 1 would select something that is currently hidden while row 2 reveals what's currently hidden, etc. All should be revealed and values set correctly before 'continue' is tapped. We'll probably have to use a screenshot or, maybe less reliably, one of our tests that tests what value is selected.

Failure on setup should prevent running cucumber tests

[Requires a change to the workflow file, I think. Maybe to the package.json test script, though. Not sure quite how that would work.]

suffolklitlab / docassemble-alkilnsetup Goto Github PK

docassemble-alkilnsetup's People

Contributors

Stargazers

Watchers

Forkers

docassemble-alkilnsetup's Issues

TODO functionality:

TODO validation:

TODO discuss refactoring:

Recommend Projects

Recommend Topics

Recommend Org

Jobs