hunk.code_window: @pytest.mark.skipif(sys.platform == "win32", reason="File path incorrect on Windows.")
   def test_status_syntax_error(ray_start_stop):
       """Deploys Serve app with syntax error, checks the error message is descriptive."""
       config_file_name = os.path.join(
           os.path.dirname(__file__), "test_config_files", "syntax_error.yaml"
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit:     """Deploys Serve app with syntax error, checks error message has traceback."""
  
hunk.file_path: python/ray/serve/tests/test_cli.py
hunk.type: replace
file: import { makeStyles } from "@material-ui/core";
  import React from "react";
  import Loading from "../../components/Loading";
  import { MetadataSection } from "../../components/MetadataSection";
  import { StatusChip } from "../../components/StatusChip";
  import TitleCard from "../../components/TitleCard";
  import { MainNavPageInfo } from "../layout/mainNavContext";
  
  import { useClusterDetail } from "./hook/useClusterDetail";
  
  const useStyle = makeStyles((theme) => ({
    root: {
      padding: theme.spacing(2),
    },
  }));
  
  export const ClusterDetailInfoPage = () => {
    // TODO(aguo): Add more content to this page!
  
    const classes = useStyle();
    const { clusterDetail, msg, isLoading } = useClusterDetail();
  
    if (!clusterDetail) {
      return (
        <div className={classes.root}>
          <MainNavPageInfo
            pageInfo={{
              title: "Cluster Info",
              id: "cluster-info",
              path: "info",
            }}
          />
          <Loading loading={isLoading} />
          <TitleCard title={`CLUSTER`}>
            <StatusChip type="cluster" status="LOADING" />
            <br />
            Request Status: {msg} <br />
          </TitleCard>
        </div>
      );
    }
  
    return (
      <div className={classes.root}>
        <MainNavPageInfo
          pageInfo={{
            title: "Cluster Info",
            id: "cluster-info",
            path: "/cluster/info",
          }}
        />
        <TitleCard title={"Cluster Info"}>
          <MetadataSection
            metadataList={[
              {
                label: "Ray Version",
                content: clusterDetail.data.rayVersion
                  ? {
                      value: clusterDetail.data.rayVersion,
                      copyableValue: clusterDetail.data.rayVersion,
                    }
                  : { value: "-" },
              },
              {
                label: "Python Version",
                content: clusterDetail.data.pythonVersion
                  ? {
                      value: clusterDetail.data.pythonVersion,
                      copyableValue: clusterDetail.data.pythonVersion,
                    }
                  : { value: "-" },
              },
              {
                label: "Ray Commit",
                content: clusterDetail.data.gitCommit
                  ? {
                      value: clusterDetail.data.gitCommit,
                      copyableValue: clusterDetail.data.gitCommit,
                    }
                  : { value: "-" },
              },
              {
                label: "Operating System",
                content: clusterDetail.data.os
                  ? {
                      value: clusterDetail.data.os,
                      copyableValue: clusterDetail.data.os,
                    }
                  : { value: "-" },
              },
              {
                label: "Session ID",
                content: clusterDetail.data.sessionId
                  ? {
                      value: clusterDetail.data.sessionId,
                      copyableValue: clusterDetail.data.sessionId,
                    }
                  : { value: "-" },
              },
            ]}
          />
        </TitleCard>
      </div>
    );
  };
  