diff --git a/ui/litellm-dashboard/src/components/Navbar/BlogDropdown/BlogDropdown.test.tsx b/ui/litellm-dashboard/src/components/Navbar/BlogDropdown/BlogDropdown.test.tsx
index 05cb4f62aba..4ca0aa2aaef 100644
--- a/ui/litellm-dashboard/src/components/Navbar/BlogDropdown/BlogDropdown.test.tsx
+++ b/ui/litellm-dashboard/src/components/Navbar/BlogDropdown/BlogDropdown.test.tsx
@@ -53,7 +53,7 @@ describe("BlogDropdown", () => {
});
describe("when blog posts are disabled", () => {
- it("renders nothing", () => {
+ it("should render nothing", () => {
mockDisableBlogPosts = true;
const { container } = renderWithProviders();
expect(container).toBeEmptyDOMElement();
@@ -61,13 +61,13 @@ describe("BlogDropdown", () => {
});
describe("when blog posts are enabled", () => {
- it("renders the Blog trigger button", () => {
+ it("should render the Blog trigger button", () => {
renderWithProviders();
expect(screen.getByRole("button", { name: /blog/i })).toBeInTheDocument();
});
describe("loading state", () => {
- it("shows a loading spinner", async () => {
+ it("should show a loading spinner", async () => {
mockUseBlogPostsResult = { ...mockUseBlogPostsResult, isLoading: true };
renderWithProviders();
@@ -84,7 +84,7 @@ describe("BlogDropdown", () => {
mockUseBlogPostsResult = { ...mockUseBlogPostsResult, isError: true };
});
- it("shows an error message", async () => {
+ it("should show an error message", async () => {
renderWithProviders();
await openDropdown();
@@ -94,7 +94,7 @@ describe("BlogDropdown", () => {
});
});
- it("shows a Retry button", async () => {
+ it("should show a Retry button", async () => {
renderWithProviders();
await openDropdown();
@@ -104,7 +104,7 @@ describe("BlogDropdown", () => {
});
});
- it("calls refetch when Retry is clicked", async () => {
+ it("should call refetch when Retry is clicked", async () => {
const user = userEvent.setup();
renderWithProviders();
@@ -121,7 +121,7 @@ describe("BlogDropdown", () => {
});
describe("empty state", () => {
- it("shows 'No posts available' when data is null", async () => {
+ it("should show 'No posts available' when data is null", async () => {
mockUseBlogPostsResult = { ...mockUseBlogPostsResult, data: null };
renderWithProviders();
@@ -132,7 +132,7 @@ describe("BlogDropdown", () => {
});
});
- it("shows 'No posts available' when posts array is empty", async () => {
+ it("should show 'No posts available' when posts array is empty", async () => {
mockUseBlogPostsResult = { ...mockUseBlogPostsResult, data: { posts: [] } };
renderWithProviders();
@@ -149,7 +149,7 @@ describe("BlogDropdown", () => {
mockUseBlogPostsResult = { ...mockUseBlogPostsResult, data: { posts: MOCK_POSTS.slice(0, 3) } };
});
- it("renders post titles", async () => {
+ it("should render post titles", async () => {
renderWithProviders();
await openDropdown();
@@ -161,7 +161,7 @@ describe("BlogDropdown", () => {
});
});
- it("renders post descriptions", async () => {
+ it("should render post descriptions", async () => {
renderWithProviders();
await openDropdown();
@@ -171,7 +171,7 @@ describe("BlogDropdown", () => {
});
});
- it("renders post links with correct attributes", async () => {
+ it("should render post links with correct attributes", async () => {
renderWithProviders();
await openDropdown();
@@ -184,7 +184,7 @@ describe("BlogDropdown", () => {
});
});
- it("renders formatted post dates", async () => {
+ it("should render formatted post dates", async () => {
mockUseBlogPostsResult = {
...mockUseBlogPostsResult,
data: { posts: [{ title: "Date Post", date: "2026-02-15", description: "Desc", url: "https://example.com" }] },
@@ -198,7 +198,7 @@ describe("BlogDropdown", () => {
});
});
- it("renders the 'View all posts' link", async () => {
+ it("should render the 'View all posts' link", async () => {
renderWithProviders();
await openDropdown();
@@ -213,7 +213,7 @@ describe("BlogDropdown", () => {
});
describe("post limit", () => {
- it("renders at most 5 posts when more than 5 are provided", async () => {
+ it("should render at most 5 posts when more than 5 are provided", async () => {
mockUseBlogPostsResult = { ...mockUseBlogPostsResult, data: { posts: MOCK_POSTS } };
renderWithProviders();