Bug: Case contacts new design system spec fails locally

[stefannibrasil]

Impacted User Types

• contributors

Environment

• running system tests locally

I tested this on the main branch and I get the same errors.

Current Behavior

When I run the system tests, I get these failures:

1) Case contacts new design columns panel persists hidden columns across page reloads
     Failure/Error: uncheck "Medium"

     Capybara::ElementNotFound:
       Unable to find visible checkbox "Medium" that is not disabled

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_columns_panel_persists_hidden_columns_across_page_reloads_472.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:99:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  2) Case contacts new design columns panel shows a column again when its toggle is switched back on and Update View is clicked
     Failure/Error: uncheck "Medium"

     Capybara::ElementNotFound:
       Unable to find visible checkbox "Medium" that is not disabled

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_columns_panel_shows_a_column_again_when_its_toggle_is_switched_back_on_and_update_view_is_clicked_6.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:64:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  3) Case contacts new design columns panel hides a column when its toggle is switched off and Update View is clicked
     Failure/Error: uncheck "Medium"

     Capybara::ElementNotFound:
       Unable to find visible checkbox "Medium" that is not disabled

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_columns_panel_hides_a_column_when_its_toggle_is_switched_off_and_update_view_is_clicked_834.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:56:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  4) Case contacts new design columns panel shows a visible count badge on the Columns button
     Failure/Error: expect(page).to have_button(text: /Columns\s*\(6\/6\)/)
       expected to find visible button with text /Columns\s*\(6\/6\)/ that is not disabled but there were no matches. Also found "", "", "", "User 3832", "Filter", "Columns", "", "", "", "", "", "", "", "", "", which matched the selector but not all filters.

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_columns_panel_shows_a_visible_count_badge_on_the_columns_button_745.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:36:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  5) Case contacts new design columns panel shows all columns and closes the panel when Show All is clicked
     Failure/Error: uncheck "Medium"

     Capybara::ElementNotFound:
       Unable to find visible checkbox "Medium" that is not disabled

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_columns_panel_shows_all_columns_and_closes_the_panel_when_show_all_is_clicked_412.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:84:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  6) Case contacts new design columns panel updates the badge count when a column is hidden
     Failure/Error: uncheck "Medium"

     Capybara::ElementNotFound:
       Unable to find visible checkbox "Medium" that is not disabled

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_columns_panel_updates_the_badge_count_when_a_column_is_hidden_92.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:76:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  7) Case contacts new design columns panel opens the columns panel when the Columns button is clicked
     Failure/Error: expect(page).to have_css("#cc-columns-panel", visible: true)
       expected to find visible css "#cc-columns-panel" but there were no matches. Also found "", which matched the selector but not all filters.

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_columns_panel_opens_the_columns_panel_when_the_columns_button_is_clicked_535.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:45:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  8) Case contacts new design filter panel filters by contact medium
     Failure/Error: select "In Person", from: "cc-filter-medium"

     Capybara::ElementNotFound:
       Unable to find visible select box "cc-filter-medium" that is not disabled and Unable to find input box with datalist completion "cc-filter-medium" that is not disabled

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_filter_panel_filters_by_contact_medium_827.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:160:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'
     # ------------------
     # --- Caused by: ---
     # Capybara::ElementNotFound:
     #   Unable to find visible select box "cc-filter-medium" that is not disabled
     #   ./spec/system/case_contacts/case_contacts_new_design_spec.rb:160:in 'block (3 levels) in <top (required)>'

  9) Case contacts new design filter panel hides drafts when the hide drafts checkbox is checked
     Failure/Error: check "cc-filter-no-drafts"

     Capybara::ElementNotFound:
       Unable to find visible checkbox "cc-filter-no-drafts" that is not disabled

     [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_filter_panel_hides_drafts_when_the_hide_drafts_checkbox_is_checked_77.png


     # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:183:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
     # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
     # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
     # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  10) Case contacts new design filter panel filters by date range
      Failure/Error: click_button "Apply Filters"

      Capybara::ElementNotFound:
        Unable to find visible button "Apply Filters" that is not disabled

      [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_filter_panel_filters_by_date_range_477.png


      # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:173:in 'block (3 levels) in <top (required)>'
      # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
      # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
      # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
      # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  11) Case contacts new design filter panel opens the filter panel when the Filter button is clicked
      Failure/Error: expect(page).to have_css("#cc-filter-panel", visible: true)
        expected to find visible css "#cc-filter-panel" but there were no matches. Also found "", which matched the selector but not all filters.

      [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_filter_panel_opens_the_filter_panel_when_the_filter_button_is_clicked_696.png


      # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:146:in 'block (3 levels) in <top (required)>'
      # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
      # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
      # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
      # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'

  12) Case contacts new design filter panel resets all filters when the Reset button is clicked
      Failure/Error: select "In Person", from: "cc-filter-medium"

      Capybara::ElementNotFound:
        Unable to find visible select box "cc-filter-medium" that is not disabled and Unable to find input box with datalist completion "cc-filter-medium" that is not disabled

      [Screenshot Image]: /Users/stefannibrasil/projects/casa/tmp/screenshots/failures_r_spec_example_groups_case_contacts_new_design_2_filter_panel_resets_all_filters_when_the_reset_button_is_clicked_15.png


      # ./spec/system/case_contacts/case_contacts_new_design_spec.rb:194:in 'block (3 levels) in <top (required)>'
      # ./spec/rails_helper.rb:133:in 'block (2 levels) in <top (required)>'
      # ./spec/rails_helper.rb:118:in 'block (3 levels) in <top (required)>'
      # ./spec/rails_helper.rb:117:in 'block (2 levels) in <top (required)>'
      # ./spec/support/prosopite.rb:56:in 'block (2 levels) in <top (required)>'
      # ------------------
      # --- Caused by: ---
      # Capybara::ElementNotFound:
      #   Unable to find visible select box "cc-filter-medium" that is not disabled
      #   ./spec/system/case_contacts/case_contacts_new_design_spec.rb:194:in 'block (3 levels) in <top (required)>'

Finished in 11 minutes 57 seconds (files took 5.79 seconds to load)
3543 examples, 12 failures, 47 pending

Expected Behavior

Tests are passing locally.

How to Replicate

• run system tests
• verify /spec/system/case_contacts/case_contacts_new_design_spec.rb has failures

Questions? Join Slack!

We highly recommend that you join us in slack #casa channel to ask questions quickly. And discord for office hours (currently Tuesday 5-7pm Pacific), stakeholder news, and upcoming new issues.