fix(react-select): FilterBox focus event and adhoc filter popup height#9933
Conversation
Codecov Report
@@ Coverage Diff @@
## master #9933 +/- ##
==========================================
+ Coverage 71.30% 71.31% +0.01%
==========================================
Files 585 585
Lines 30872 30870 -2
Branches 3239 3236 -3
==========================================
+ Hits 22012 22015 +3
+ Misses 8751 8745 -6
- Partials 109 110 +1
Continue to review full report at Codecov.
|
| expect($node).to.have.length(9); | ||
| }); | ||
|
|
||
| cy.get('.chart-header').first().click({ force: true }); |
There was a problem hiding this comment.
This is for triggering blur on the filter select.
etr2460
left a comment
There was a problem hiding this comment.
a couple comments, otherwise looks good
| // should open the filter indicator | ||
| cy.get('.filter-indicator.active') | ||
| .should('be.visible') | ||
| .should($node => { |
There was a problem hiding this comment.
why prefix node with a dollar sign? Can we get rid of that in the variable name?
There was a problem hiding this comment.
Was just following Cypress's official doc, but I agree it's probably not necessary.
| // should hide the filter indicator | ||
| cy.get('.filter-indicator') | ||
| .not('.active') | ||
| .should($node => { |
There was a problem hiding this comment.
same comment about the dollar sign here
apache#9933) * fix(react-select): FilterBox focus event and adhoc filter popup height * Fix flacky cypress test * Use focus instead of click
apache#9933) * fix(react-select): FilterBox focus event and adhoc filter popup height * Fix flacky cypress test * Use focus instead of click
SUMMARY
This fixes two bugs related to recent migration of react-select.
Focusing on FilterBox select should open the filter indicators:

Select a lot of filter values in AdhocFilter editor should expand filter popup height.
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
See above.
TEST PLAN
Added a Cypress test case for the first bug.
ADDITIONAL INFORMATION