metabase/e2e/support/helpers/api/createQuestionAndDashboard.ts

import type { CardId, Dashboard, DashboardCard } from "metabase-types/api";

import { type DashboardDetails, createDashboard } from "./createDashboard";
import {
  type StructuredQuestionDetails,
  createQuestion,
} from "./createQuestion";

export const createQuestionAndDashboard = ({
  questionDetails,
  dashboardDetails,
  cardDetails,
}: {
  questionDetails: StructuredQuestionDetails;
  dashboardDetails?: DashboardDetails;
  cardDetails?: Partial<DashboardCard>;
}): Cypress.Chainable<
  Cypress.Response<DashboardCard> & { questionId: CardId }
> => {
  return createQuestion(questionDetails).then(
    ({ body: { id: questionId } }) => {
      return createDashboard(dashboardDetails).then(
        ({ body: { id: dashboardId } }) => {
          return cy
            .request<Dashboard>("PUT", `/api/dashboard/${dashboardId}`, {
              dashcards: [
                {
                  id: -1,
                  card_id: questionId,
                  // Add sane defaults for the dashboard card size
                  row: 0,
                  col: 0,
                  size_x: 11,
                  size_y: 6,
                  ...cardDetails,
                },
              ],
            })
            .then((response) => ({
              ...response,
              body: response.body.dashcards[0],
              questionId,
            }));
        },
      );
    },
  );
};