27356 switch dashboards filters (#27425)

* temp

* Adding cypress test

* removing test

* unskipping test

frontend/src/metabase/dashboard/components/Dashboard/Dashboard.jsx

@@ -115,8 +115,8 @@ class Dashboard extends Component {
   );
 
   // NOTE: all of these lifecycle methods should be replaced with DashboardData HoC in container
-  componentDidMount() {
-    this.loadDashboard(this.props.dashboardId);
+  async componentDidMount() {
+    await this.loadDashboard(this.props.dashboardId);
 
     const main = getMainElement();
     main.addEventListener("scroll", this.throttleParameterWidgetStickiness, {
@@ -127,9 +127,9 @@ class Dashboard extends Component {
     });
   }
 
-  componentDidUpdate(prevProps) {
+  async componentDidUpdate(prevProps) {
     if (prevProps.dashboardId !== this.props.dashboardId) {
-      this.loadDashboard(this.props.dashboardId);
+      await this.loadDashboard(this.props.dashboardId);
       this.throttleParameterWidgetStickiness();
     } else if (
       !_.isEqual(prevProps.parameterValues, this.props.parameterValues) ||

frontend/test/metabase/scenarios/dashboard-filters/reproductions/27356-navigation-between-two-dashboards.cy.spec.js

@@ -21,7 +21,7 @@ const regularDashboard = {
   name: "Dashboard Without Params",
 };
 
-describe.skip("issue 27356", () => {
+describe("issue 27356", () => {
   beforeEach(() => {
     cy.intercept("GET", "/api/dashboard/*").as("getDashboard");
     restore();