Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Loading spinners in filters don't appear anymore #25322

Closed
paoliniluis opened this issue Sep 9, 2022 · 0 comments · Fixed by #25540
Closed

Loading spinners in filters don't appear anymore #25322

paoliniluis opened this issue Sep 9, 2022 · 0 comments · Fixed by #25540
Assignees
Labels
.Frontend Priority:P2 Average run of the mill bug Querying/Parameters & Variables Filter widgets, field filters, variables etc. .Regression Bugs that were previously fixed and/or bugs unintentionally shipped with new features. .Reproduced Issues reproduced in test (usually Cypress) Type:Bug Product defects
Milestone

Comments

@paoliniluis
Copy link
Contributor

Describe the bug
In pre-44, we had a loading spinner to indicate that the filter values were being loaded
image

In 44, we don't show anything, and this is concerning for users with huge app db's where the queries take a long time
image

Logs
NA

To Reproduce

  1. create a question in 43.4 (just select people table), add it to a dashboard, then add a location filter to the dashboard, connect it to the question and save it
  2. throttle the browser to slow 3g, see the spinner
  3. upgrade the instance to 44
  4. do the same and see that the spinner dissapeared

Expected behavior
bring back the spinners when things take time!

Screenshots
Above

Information about your Metabase Installation:

  • Your browser and the version: Brave latest
  • Your operating system: Pop 22.04
  • Your databases: Postgres 14
  • Metabase version: 44
  • Metabase hosting environment: Docker
  • Metabase internal database: Postgres 14

Severity
P2 (since it impacts our bigger customers)

Additional context
NA

@paoliniluis paoliniluis added Type:Bug Product defects Priority:P2 Average run of the mill bug Querying/Parameters & Variables Filter widgets, field filters, variables etc. .Frontend .Regression Bugs that were previously fixed and/or bugs unintentionally shipped with new features. labels Sep 9, 2022
@ranquild ranquild self-assigned this Sep 12, 2022
@ranquild ranquild added the .Reproduced Issues reproduced in test (usually Cypress) label Sep 21, 2022
@ranquild ranquild added this to the 0.44.4 milestone Sep 23, 2022
nemanjaglumac pushed a commit that referenced this issue Dec 27, 2023
Add delay instead of throttle.

Fixing a flake analyzed in this document.
https://replayio.notion.site/dashboard-filters-reproductions-25322-loading-list-19324262f19d404ba03787c9f70968ab

The test `25322-loading-list-values.cy.spec.js` has become flaky because the period of time to find loading-spinner element is too short. This is thanks to API response being fast.

in the past, this was partially remedied by adding `setThrottle()` method to slow the API response down. while it is a good initial approach, it is not resilient to a situation when the data transfer size becomes smaller.

I’m suggesting changing the method to setTimeout that will give the test enough time to catch the loading state.

In the future, this particular test would be a good candidate for a component test as it is quite granular.
nemanjaglumac pushed a commit that referenced this issue Jan 4, 2024
Add delay instead of throttle.

Fixing a flake analyzed in this document.
https://replayio.notion.site/dashboard-filters-reproductions-25322-loading-list-19324262f19d404ba03787c9f70968ab

The test `25322-loading-list-values.cy.spec.js` has become flaky because the period of time to find loading-spinner element is too short. This is thanks to API response being fast.

in the past, this was partially remedied by adding `setThrottle()` method to slow the API response down. while it is a good initial approach, it is not resilient to a situation when the data transfer size becomes smaller.

I’m suggesting changing the method to setTimeout that will give the test enough time to catch the loading state.

In the future, this particular test would be a good candidate for a component test as it is quite granular.
nemanjaglumac added a commit that referenced this issue Jan 4, 2024
* Cypress E2E tests: Switch to using ReplayIO (#37228)

* Remove Cypress cloud integration

* Remove custom Chromium

From now on, we'll use `replay-chromium` browser.

* Start using ReplayIO for all E2E test runs

* Use the default Chrome for Percy visual tests

* Upload only failed Replay e2e recordings (#37235)

* Fix flaky E2E #25322 reproduction (#37041)

Add delay instead of throttle.

Fixing a flake analyzed in this document.
https://replayio.notion.site/dashboard-filters-reproductions-25322-loading-list-19324262f19d404ba03787c9f70968ab

The test `25322-loading-list-values.cy.spec.js` has become flaky because the period of time to find loading-spinner element is too short. This is thanks to API response being fast.

in the past, this was partially remedied by adding `setThrottle()` method to slow the API response down. while it is a good initial approach, it is not resilient to a situation when the data transfer size becomes smaller.

I’m suggesting changing the method to setTimeout that will give the test enough time to catch the loading state.

In the future, this particular test would be a good candidate for a component test as it is quite granular.

* Add repro #22702 to the flaky tests

* Add map brush filter to the flaky tests

---------

Co-authored-by: Nemanja Glumac <31325167+nemanjaglumac@users.noreply.github.com>
Co-authored-by: Filip Hric <filip@filiphric.sk>
This was referenced Feb 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
.Frontend Priority:P2 Average run of the mill bug Querying/Parameters & Variables Filter widgets, field filters, variables etc. .Regression Bugs that were previously fixed and/or bugs unintentionally shipped with new features. .Reproduced Issues reproduced in test (usually Cypress) Type:Bug Product defects
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants