Skip to content

feat: add all safe experiments to the deployment page #10276

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 15 commits into from
Oct 17, 2023
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
added new route for safe experiments
  • Loading branch information
Kira-Pilot committed Oct 16, 2023
commit 242231630ec9481b4492140f2b0f73cf066cb843
28 changes: 5 additions & 23 deletions coderd/experiments_test.go
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ func Test_Experiments(t *testing.T) {
ctx, cancel := context.WithTimeout(context.Background(), testutil.WaitLong)
defer cancel()

experiments, err := client.Experiments(ctx, codersdk.ExperimentOptions{})
experiments, err := client.Experiments(ctx)
require.NoError(t, err)
require.NotNil(t, experiments)
require.Empty(t, experiments)
Expand All @@ -44,7 +44,7 @@ func Test_Experiments(t *testing.T) {
ctx, cancel := context.WithTimeout(context.Background(), testutil.WaitLong)
defer cancel()

experiments, err := client.Experiments(ctx, codersdk.ExperimentOptions{})
experiments, err := client.Experiments(ctx)
require.NoError(t, err)
require.NotNil(t, experiments)
// Should be lower-cased.
Expand All @@ -66,7 +66,7 @@ func Test_Experiments(t *testing.T) {
ctx, cancel := context.WithTimeout(context.Background(), testutil.WaitLong)
defer cancel()

experiments, err := client.Experiments(ctx, codersdk.ExperimentOptions{})
experiments, err := client.Experiments(ctx)
require.NoError(t, err)
require.NotNil(t, experiments)
require.ElementsMatch(t, codersdk.ExperimentsAll, experiments)
Expand All @@ -88,7 +88,7 @@ func Test_Experiments(t *testing.T) {
ctx, cancel := context.WithTimeout(context.Background(), testutil.WaitLong)
defer cancel()

experiments, err := client.Experiments(ctx, codersdk.ExperimentOptions{})
experiments, err := client.Experiments(ctx)
require.NoError(t, err)
require.NotNil(t, experiments)
require.ElementsMatch(t, append(codersdk.ExperimentsAll, "danger"), experiments)
Expand All @@ -112,26 +112,8 @@ func Test_Experiments(t *testing.T) {
ctx, cancel := context.WithTimeout(context.Background(), testutil.WaitLong)
defer cancel()

_, err := client.Experiments(ctx, codersdk.ExperimentOptions{})
_, err := client.Experiments(ctx)
require.Error(t, err)
require.ErrorContains(t, err, httpmw.SignedOutErrorMessage)
})

t.Run("include_all query param", func(t *testing.T) {
t.Parallel()
cfg := coderdtest.DeploymentValues(t)
cfg.Experiments = []string{"foo", "BAR"}
client := coderdtest.New(t, &coderdtest.Options{
DeploymentValues: cfg,
})
_ = coderdtest.CreateFirstUser(t, client)

ctx, cancel := context.WithTimeout(context.Background(), testutil.WaitLong)
defer cancel()

experiments, err := client.Experiments(ctx, codersdk.ExperimentOptions{IncludeAll: true})
require.NoError(t, err)
require.NotNil(t, experiments)
require.ElementsMatch(t, codersdk.ExperimentsAll, experiments)
})
}
19 changes: 15 additions & 4 deletions site/src/api/api.ts
Original file line number Diff line number Diff line change
Expand Up @@ -852,11 +852,9 @@ export const getEntitlements = async (): Promise<TypesGen.Entitlements> => {
}
};

export const getExperiments = async (
params?: TypesGen.ExperimentOptions,
): Promise<TypesGen.Experiment[]> => {
export const getExperiments = async (): Promise<TypesGen.Experiment[]> => {
try {
const response = await axios.get("/api/v2/experiments", { params });
const response = await axios.get("/api/v2/experiments");
return response.data;
} catch (error) {
if (axios.isAxiosError(error) && error.response?.status === 404) {
Expand All @@ -866,6 +864,19 @@ export const getExperiments = async (
}
};

export const getAvailableExperiments =
async (): Promise<TypesGen.AvailableExperiments> => {
try {
const response = await axios.get("/api/v2/experiments/available");
return response.data;
} catch (error) {
if (axios.isAxiosError(error) && error.response?.status === 404) {
return { safe: [] };
}
throw error;
}
};

export const getExternalAuthProvider = async (
provider: string,
): Promise<TypesGen.ExternalAuth> => {
Expand Down
8 changes: 4 additions & 4 deletions site/src/api/queries/experiments.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import * as API from "api/api";
import { Experiments, ExperimentOptions } from "api/typesGenerated";
import { Experiments } from "api/typesGenerated";
import { getMetadataAsJSON } from "utils/metadata";

export const experiments = () => {
Expand All @@ -10,9 +10,9 @@ export const experiments = () => {
};
};

export const updatedExperiments = (params?: ExperimentOptions) => {
export const availableExperiments = () => {
return {
queryKey: ["experiments"],
queryFn: async () => API.getExperiments(params),
queryKey: ["availableExperiments"],
queryFn: async () => API.getAvailableExperiments(),
};
};
10 changes: 5 additions & 5 deletions site/src/api/typesGenerated.ts

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@ import { useQuery } from "react-query";
import { pageTitle } from "utils/page";
import { deploymentDAUs } from "api/queries/deployment";
import { entitlements } from "api/queries/entitlements";
import { updatedExperiments } from "api/queries/experiments";
import { availableExperiments } from "api/queries/experiments";
import { useDeploySettings } from "components/DeploySettingsLayout/DeploySettingsLayout";
import { GeneralSettingsPageView } from "./GeneralSettingsPageView";

const GeneralSettingsPage: FC = () => {
const { deploymentValues } = useDeploySettings();
const deploymentDAUsQuery = useQuery(deploymentDAUs());
const entitlementsQuery = useQuery(entitlements());
const experimentsQuery = useQuery(updatedExperiments({ include_all: true }));
const experimentsQuery = useQuery(availableExperiments());

return (
<>
Expand All @@ -24,7 +24,7 @@ const GeneralSettingsPage: FC = () => {
deploymentDAUs={deploymentDAUsQuery.data}
deploymentDAUsError={deploymentDAUsQuery.error}
entitlements={entitlementsQuery.data}
allExperiments={experimentsQuery.data}
safeExperiments={experimentsQuery.data?.safe ?? []}
/>
</>
);
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ const meta: Meta<typeof GeneralSettingsPageView> = {
},
],
deploymentDAUs: MockDeploymentDAUResponse,
allExperiments: ["single_tailnet", "deployment_health_page"],
safeExperiments: ["single_tailnet", "deployment_health_page"],
},
};

Expand Down Expand Up @@ -102,6 +102,6 @@ export const allExperimentsEnabled: Story = {
hidden: false,
},
],
allExperiments: ["single_tailnet", "deployment_health_page"],
safeExperiments: ["single_tailnet", "deployment_health_page"],
},
};
Original file line number Diff line number Diff line change
Expand Up @@ -22,14 +22,14 @@ export type GeneralSettingsPageViewProps = {
deploymentDAUs?: DAUsResponse;
deploymentDAUsError: unknown;
entitlements: Entitlements | undefined;
allExperiments: Experiments | undefined;
safeExperiments: Experiments | undefined;
};
export const GeneralSettingsPageView = ({
deploymentOptions,
deploymentDAUs,
deploymentDAUsError,
entitlements,
allExperiments,
safeExperiments,
}: GeneralSettingsPageViewProps): JSX.Element => {
return (
<>
Expand Down Expand Up @@ -64,7 +64,7 @@ export const GeneralSettingsPageView = ({
"Wildcard Access URL",
"Experiments",
)}
additionalValues={allExperiments}
additionalValues={safeExperiments}
/>
</Stack>
</>
Expand Down