github/oneuptime
1
1
Fork 0
mirror of https://github.com/OneUptime/oneuptime.git synced 2026-04-06 00:32:12 +02:00
Code Issues 193 Packages Projects Releases Wiki Activity

feat: add PublicDashboard feature set and update placeholder text in ComponentsModal tests

Browse Source
This commit is contained in:
Nawaz Dhandala
2026-03-30 17:08:32 +01:00
parent ffafada55b
commit e953b33703
2 changed files with 17 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
App/tsconfig.json
View File

@@ -113,6 +113,7 @@
"FeatureSet/Accounts",
"FeatureSet/Dashboard",
"FeatureSet/AdminDashboard",
"FeatureSet/StatusPage"
"FeatureSet/StatusPage",
"FeatureSet/PublicDashboard"
]
}

30
Common/Tests/UI/Components/ComponentsModal.test.tsx
View File

@@ -85,7 +85,7 @@ describe("ComponentsModal", () => {
categories={mockedCategories}
/>,
);
expect(screen.getByPlaceholderText("Search...")).toBeInTheDocument();
expect(screen.getByPlaceholderText("Search components...")).toBeInTheDocument();
});
it("should display categories and components", () => {
@@ -133,10 +133,10 @@ describe("ComponentsModal", () => {
for (const [idx, comp] of mockedComponents.entries()) {
// simulate selecting a component
fireEvent.click(screen.getByText(comp.title));
expect(screen.getByText("Create")).not.toBeDisabled();
expect(screen.getByText("Add to Workflow")).not.toBeDisabled();
// simulate submitting
fireEvent.click(screen.getByText("Create"));
fireEvent.click(screen.getByText("Add to Workflow"));
// check if onComponentClick was called with the selected component's metadata
expect(mockOnComponentClick).toHaveBeenNthCalledWith(idx + 1, comp);
@@ -155,7 +155,7 @@ describe("ComponentsModal", () => {
);
expect(
screen.getByText(
"No components that match your search. If you are looking for an integration that does not exist currently - you can use Custom Code or API component to build anything you like. If you are an enterprise customer, feel free to talk to us and we will build it for you.",
"No components that match your search. If you are looking for an integration that does not exist currently - you can use Custom Code or API component to build anything you like.",
),
).toBeInTheDocument();
});
@@ -185,12 +185,12 @@ describe("ComponentsModal", () => {
categories={mockedCategories}
/>,
);
fireEvent.change(screen.getByPlaceholderText("Search..."), {
fireEvent.change(screen.getByPlaceholderText("Search components..."), {
target: { value: "Non-existent Ccmponent" },
});
expect(
screen.getByText(
"No components that match your search. If you are looking for an integration that does not exist currently - you can use Custom Code or API component to build anything you like. If you are an enterprise customer, feel free to talk to us and we will build it for you.",
"No components that match your search. If you are looking for an integration that does not exist currently - you can use Custom Code or API component to build anything you like.",
),
).toBeInTheDocument();
});
@@ -205,7 +205,7 @@ describe("ComponentsModal", () => {
categories={mockedCategories}
/>,
);
const submitButton: HTMLElement = screen.getByText("Create");
const submitButton: HTMLElement = screen.getByText("Add to Workflow");
expect(submitButton).toBeDisabled();
});
@@ -221,7 +221,7 @@ describe("ComponentsModal", () => {
);
for (const comp of mockedComponents) {
fireEvent.click(screen.getByText(comp.title));
const submitButton: HTMLElement = screen.getByText("Create");
const submitButton: HTMLElement = screen.getByText("Add to Workflow");
expect(submitButton).not.toBeDisabled();
}
});
@@ -244,7 +244,7 @@ describe("ComponentsModal", () => {
0,
comp.title.length - comp.title.length / 2,
);
fireEvent.change(screen.getByPlaceholderText("Search..."), {
fireEvent.change(screen.getByPlaceholderText("Search components..."), {
target: { value: partialTitle },
});
expect(screen.getByText(comp.title)).toBeInTheDocument();
@@ -271,7 +271,7 @@ describe("ComponentsModal", () => {
/>,
);
mockedComponents.forEach((comp: ComponentMetadata) => {
fireEvent.change(screen.getByPlaceholderText("Search..."), {
fireEvent.change(screen.getByPlaceholderText("Search components..."), {
target: { value: comp.description },
});
expect(screen.getByText(comp.title)).toBeInTheDocument();
@@ -298,7 +298,7 @@ describe("ComponentsModal", () => {
/>,
);
mockedComponents.forEach((comp: ComponentMetadata) => {
fireEvent.change(screen.getByPlaceholderText("Search..."), {
fireEvent.change(screen.getByPlaceholderText("Search components..."), {
target: { value: comp.category },
});
expect(screen.getByText(comp.title)).toBeInTheDocument();
@@ -325,7 +325,7 @@ describe("ComponentsModal", () => {
/>,
);
mockedComponents.forEach((comp: ComponentMetadata) => {
const searchInput: HTMLElement = screen.getByPlaceholderText("Search...");
const searchInput: HTMLElement = screen.getByPlaceholderText("Search components...");
fireEvent.change(searchInput, { target: { value: comp.title } });
fireEvent.change(searchInput, { target: { value: "" } }); // clear search
@@ -358,7 +358,7 @@ describe("ComponentsModal", () => {
/>,
);
fireEvent.change(screen.getByPlaceholderText("Search..."), {
fireEvent.change(screen.getByPlaceholderText("Search components..."), {
target: { value: commonWord },
});
componentsWithCommonWord.forEach((comp: ComponentMetadata) => {
@@ -385,7 +385,7 @@ describe("ComponentsModal", () => {
/>,
);
fireEvent.change(screen.getByPlaceholderText("Search..."), {
fireEvent.change(screen.getByPlaceholderText("Search components..."), {
target: { value: partialDescription },
});
expect(
@@ -413,7 +413,7 @@ describe("ComponentsModal", () => {
/>,
);
fireEvent.change(screen.getByPlaceholderText("Search..."), {
fireEvent.change(screen.getByPlaceholderText("Search components..."), {
target: { value: commonCategory },
});
componentsInCommonCategory.forEach((comp: ComponentMetadata) => {