fix(native-filters): Show incompatible native filters indicator

[agatapst]

SUMMARY

• The aim of this PR was to add Incompatible section to filter indicator. ⚠Incompatible filters are created using datasets & fields which are incompatible with a given chart.
• I have also added simple mocks for native filters: mockStore and mockNativeFilters to test displaying filter indicators for native filters.
• I have also slightly changed structure of Filter Badge tests in FiltersBadge_spec.tsx - I have divided them into 'for dashboard filters' and 'for native filters'. Section 'for dashboard filters' is the same as on master, I have only added analogical tests for native filters.

Fixes #12568
Closes #12568

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Before incompatible section for native filters was missing.
Now different configurations:
With some correct native filters applied and one incompatible:

With trying to apply two incompatible native filters from two different datasets:

With one dashboard filter applied and one incompatible native filter:

With incompatible dashboard filters (without native filters):

TEST PLAN

Enable native filters: go to config.py and set "DASHBOARD_NATIVE_FILTERS": True,
Go to dashboards and create native filters. One one them should be created with incompatible dataset, which cannot be applied to this dashboard.

ADDITIONAL INFORMATION

• Has associated issue: [dashboard]native filter indicator incompatible section is missing #12568
• Changes UI
• Requires DB Migration.
• Confirm DB Migration upgrade and downgrade tested.
• Introduces new feature or API
• Removes existing feature or API

cc @junlincc @rusackas @villebro @suddjian
@adam-stasiak could you test?

[codecov-io]

Codecov Report

Merging #12687 (bfdd97b) into master (734fb75) will decrease coverage by 3.53%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##           master   #12687      +/-   ##
==========================================
- Coverage   66.85%   63.32%   -3.54%     
==========================================
  Files        1018      486     -532     
  Lines       49776    29970   -19806     
  Branches     4869        0    -4869     
==========================================
- Hits        33278    18978   -14300     
+ Misses      16375    10992    -5383     
+ Partials      123        0     -123     

Flag	Coverage Δ
cypress	?
javascript	?
python	63.32% <ø> (-0.69%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
superset/db_engines/hive.py	0.00% <0.00%> (-85.72%)	⬇️
superset/databases/commands/create.py	32.65% <0.00%> (-59.19%)	⬇️
superset/sql_validators/postgres.py	50.00% <0.00%> (-50.00%)	⬇️
superset/db_engine_specs/hive.py	54.61% <0.00%> (-29.24%)	⬇️
superset/views/database/mixins.py	59.64% <0.00%> (-22.81%)	⬇️
superset/databases/commands/update.py	85.71% <0.00%> (-8.17%)	⬇️
superset/databases/schemas.py	93.40% <0.00%> (-6.05%)	⬇️
superset/databases/dao.py	94.11% <0.00%> (-5.89%)	⬇️
superset/databases/api.py	86.55% <0.00%> (-5.47%)	⬇️
superset/views/database/validators.py	78.94% <0.00%> (-5.27%)	⬇️
... and 552 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 734fb75...bfdd97b. Read the comment docs.

[adam-stasiak]

@agatapst could you check this scenario? @junlincc Could you confirm that my expected behavior is valid?
Scenario:
Set 3 native filters (1 valid for this dashboard)
Enable all filters
Apply change
Check chart filters
Disable one of incorrect native filters and apply change

Observed: I see disabled filter in section Incompatible Filters
Expected: I would see this filter under Unset section.

unset.mov

[suddjian]

Code LGTM, nice

[adam-stasiak]

Retested again and consulted with Agata. It looks like my issue was caused by performance on my machine (on video you can see how long everything takes).
I double checked that after computer restart and saw that it was for a moment in yellow zone without value but after a second it was moved to unset 🆗 .

So no issue there.

[suddjian]

Oh apologies Adam, I didn't see your comment when I left my review. Glad it's working!

[junlincc]

LGTM, thank you for fixing it! ♥️ @agatapst we are very close to demo-able stage.

next step is to get the magnifier work

[graceguo-supercat]

LGTM