@oneuptime/common 7.0.4428 → 7.0.4518

package/Server/Infrastructure/Postgres/SchemaMigrations/1749813704371-MigrationName.ts

@@ -0,0 +1,67 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class MigrationName1749813704371 implements MigrationInterface {
+  public name = "MigrationName1749813704371";
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(
+      `CREATE TABLE "StatusPageAnnouncementTemplate" ("_id" uuid NOT NULL DEFAULT uuid_generate_v4(), "createdAt" TIMESTAMP WITH TIME ZONE NOT NULL DEFAULT now(), "updatedAt" TIMESTAMP WITH TIME ZONE NOT NULL DEFAULT now(), "deletedAt" TIMESTAMP WITH TIME ZONE, "version" integer NOT NULL, "projectId" uuid NOT NULL, "templateName" character varying(100) NOT NULL, "templateDescription" character varying(500), "title" character varying(100) NOT NULL, "description" text NOT NULL, "shouldStatusPageSubscribersBeNotified" boolean NOT NULL DEFAULT true, "createdByUserId" uuid, "deletedByUserId" uuid, CONSTRAINT "PK_42d7cd04fe3d2c2e25288483072" PRIMARY KEY ("_id"))`,
+    );
+    await queryRunner.query(
+      `CREATE INDEX "IDX_19d05157cdb68a582d2489bc9e" ON "StatusPageAnnouncementTemplate" ("projectId") `,
+    );
+    await queryRunner.query(
+      `CREATE TABLE "AnnouncementTemplateStatusPage" ("announcementTemplateId" uuid NOT NULL, "statusPageId" uuid NOT NULL, CONSTRAINT "PK_8434706f7e047041ee73a3e8b76" PRIMARY KEY ("announcementTemplateId", "statusPageId"))`,
+    );
+    await queryRunner.query(
+      `CREATE INDEX "IDX_182e3a7c2c910755382971e473" ON "AnnouncementTemplateStatusPage" ("announcementTemplateId") `,
+    );
+    await queryRunner.query(
+      `CREATE INDEX "IDX_d64c5bcc98bd6a09fee1f5b247" ON "AnnouncementTemplateStatusPage" ("statusPageId") `,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageAnnouncementTemplate" ADD CONSTRAINT "FK_19d05157cdb68a582d2489bc9e1" FOREIGN KEY ("projectId") REFERENCES "Project"("_id") ON DELETE CASCADE ON UPDATE NO ACTION`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageAnnouncementTemplate" ADD CONSTRAINT "FK_9f1b244a75d53bd2d208934551a" FOREIGN KEY ("createdByUserId") REFERENCES "User"("_id") ON DELETE SET NULL ON UPDATE NO ACTION`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageAnnouncementTemplate" ADD CONSTRAINT "FK_ced5ce354456a65d71e39cd8e7d" FOREIGN KEY ("deletedByUserId") REFERENCES "User"("_id") ON DELETE SET NULL ON UPDATE NO ACTION`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "AnnouncementTemplateStatusPage" ADD CONSTRAINT "FK_182e3a7c2c910755382971e4739" FOREIGN KEY ("announcementTemplateId") REFERENCES "StatusPageAnnouncementTemplate"("_id") ON DELETE CASCADE ON UPDATE CASCADE`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "AnnouncementTemplateStatusPage" ADD CONSTRAINT "FK_d64c5bcc98bd6a09fee1f5b2473" FOREIGN KEY ("statusPageId") REFERENCES "StatusPage"("_id") ON DELETE CASCADE ON UPDATE CASCADE`,
+    );
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(
+      `ALTER TABLE "AnnouncementTemplateStatusPage" DROP CONSTRAINT "FK_d64c5bcc98bd6a09fee1f5b2473"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "AnnouncementTemplateStatusPage" DROP CONSTRAINT "FK_182e3a7c2c910755382971e4739"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageAnnouncementTemplate" DROP CONSTRAINT "FK_ced5ce354456a65d71e39cd8e7d"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageAnnouncementTemplate" DROP CONSTRAINT "FK_9f1b244a75d53bd2d208934551a"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageAnnouncementTemplate" DROP CONSTRAINT "FK_19d05157cdb68a582d2489bc9e1"`,
+    );
+    await queryRunner.query(
+      `DROP INDEX "public"."IDX_d64c5bcc98bd6a09fee1f5b247"`,
+    );
+    await queryRunner.query(
+      `DROP INDEX "public"."IDX_182e3a7c2c910755382971e473"`,
+    );
+    await queryRunner.query(`DROP TABLE "AnnouncementTemplateStatusPage"`);
+    await queryRunner.query(
+      `DROP INDEX "public"."IDX_19d05157cdb68a582d2489bc9e"`,
+    );
+    await queryRunner.query(`DROP TABLE "StatusPageAnnouncementTemplate"`);
+  }
+}

package/Server/Infrastructure/Postgres/SchemaMigrations/1750250435756-MigrationName.ts

@@ -0,0 +1,59 @@
+import { MigrationInterface, QueryRunner } from "typeorm";
+
+export class MigrationName1750250435756 implements MigrationInterface {
+  public name = "MigrationName1750250435756";
+
+  public async up(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(
+      `ALTER TABLE "File" RENAME COLUMN "type" TO "fileType"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "BillingPaymentMethod" RENAME COLUMN "type" TO "paymentMethodType"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "IncidentCustomField" RENAME COLUMN "type" TO "customFieldType"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "MonitorCustomField" RENAME COLUMN "type" TO "customFieldType"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "OnCallDutyPolicyCustomField" RENAME COLUMN "type" TO "customFieldType"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "ScheduledMaintenanceCustomField" RENAME COLUMN "type" TO "customFieldType"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageCustomField" RENAME COLUMN "type" TO "customFieldType"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "AlertCustomField" RENAME COLUMN "type" TO "customFieldType"`,
+    );
+  }
+
+  public async down(queryRunner: QueryRunner): Promise<void> {
+    await queryRunner.query(
+      `ALTER TABLE "AlertCustomField" RENAME COLUMN "customFieldType" TO "type"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "StatusPageCustomField" RENAME COLUMN "customFieldType" TO "type"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "ScheduledMaintenanceCustomField" RENAME COLUMN "customFieldType" TO "type"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "OnCallDutyPolicyCustomField" RENAME COLUMN "customFieldType" TO "type"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "MonitorCustomField" RENAME COLUMN "customFieldType" TO "type"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "IncidentCustomField" RENAME COLUMN "customFieldType" TO "type"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "BillingPaymentMethod" RENAME COLUMN "paymentMethodType" TO "type"`,
+    );
+    await queryRunner.query(
+      `ALTER TABLE "File" RENAME COLUMN "fileType" TO "type"`,
+    );
+  }
+}

package/Server/Infrastructure/Postgres/SchemaMigrations/Index.ts

@@ -136,6 +136,8 @@ import { MigrationName1747674762672 } from "./1747674762672-MigrationName";
 import { MigrationName1748456937826 } from "./1748456937826-MigrationName";
 import { MigrationName1749065784320 } from "./1749065784320-MigrationName";
 import { MigrationName1749133333893 } from "./1749133333893-MigrationName";
+import { MigrationName1749813704371 } from "./1749813704371-MigrationName";
+import { MigrationName1750250435756 } from "./1750250435756-MigrationName";
 
 export default [
   InitialMigration,
@@ -276,4 +278,6 @@ export default [
   MigrationName1748456937826,
   MigrationName1749065784320,
   MigrationName1749133333893,
+  MigrationName1749813704371,
+  MigrationName1750250435756,
 ];

package/Server/Middleware/ProjectAuthorization.ts

@@ -77,7 +77,7 @@ export default class ProjectMiddleware {
 
       if (!apiKey) {
         throw new BadDataException(
-          "Api Key not found in the request header. Please provide a valid API Key in the request header.",
+          "API Key not found in the request header. Please provide a valid API Key in the request header.",
         );
       }
 
@@ -99,9 +99,7 @@ export default class ProjectMiddleware {
         tenantId = apiKeyModel?.projectId || null;
 
         if (!tenantId) {
-          throw new BadDataException(
-            "Project ID not found for the provided API Key.",
-          );
+          throw new BadDataException("Invalid API Key");
         }
 
         (req as OneUptimeRequest).tenantId = tenantId;

package/Server/Services/BillingPaymentMethodService.ts

@@ -64,7 +64,7 @@ export class Service extends DatabaseService<Model> {
 
       billingPaymentMethod.projectId = project.id!;
 
-      billingPaymentMethod.type = paymentMethod.type;
+      billingPaymentMethod.paymentMethodType = paymentMethod.type;
       billingPaymentMethod.last4Digits = paymentMethod.last4Digits;
       billingPaymentMethod.isDefault = paymentMethod.isDefault;
       billingPaymentMethod.paymentProviderPaymentMethodId = paymentMethod.id;

package/Server/Services/Index.ts

@@ -94,6 +94,7 @@ import SmsLogService from "./SmsLogService";
 import SmsService from "./SmsService";
 import SpanService from "./SpanService";
 import StatusPageAnnouncementService from "./StatusPageAnnouncementService";
+import StatusPageAnnouncementTemplateService from "./StatusPageAnnouncementTemplateService";
 import StatusPageCustomFieldService from "./StatusPageCustomFieldService";
 import StatusPageDomainService from "./StatusPageDomainService";
 import StatusPageFooterLinkService from "./StatusPageFooterLinkService";
@@ -249,6 +250,7 @@ const services: Array<BaseService> = [
   SmsService,
 
   StatusPageAnnouncementService,
+  StatusPageAnnouncementTemplateService,
   StatusPageCustomFieldService,
   StatusPageDomainService,
   StatusPageFooterLinkService,

package/Server/Services/StatusPageAnnouncementTemplateService.ts

@@ -0,0 +1,10 @@
+import DatabaseService from "./DatabaseService";
+import Model from "../../Models/DatabaseModels/StatusPageAnnouncementTemplate";
+
+export class Service extends DatabaseService<Model> {
+  public constructor() {
+    super(Model);
+  }
+}
+
+export default new Service();

package/Server/Utils/OpenAPI.ts

@@ -242,6 +242,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}/get-list`,
+      operationId: `list${tableName}`,
       summary: `List ${singularModelName}`,
       description: `Endpoint to list all ${singularModelName} items`,
       tags: [singularModelName],
@@ -301,6 +302,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}/count`,
+      operationId: `count${tableName}`,
       summary: `Count ${singularModelName}`,
       description: `Endpoint to count ${singularModelName} items`,
       tags: [singularModelName],
@@ -359,6 +361,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}`,
+      operationId: `create${tableName}`,
       summary: `Create ${singularModelName}`,
       description: `Endpoint to create a new ${singularModelName}`,
       tags: [singularModelName],
@@ -372,11 +375,6 @@ export default class OpenAPIUtil {
                 data: {
                   $ref: `#/components/schemas/${createSchemaName}`,
                 },
-                miscDataProps: {
-                  type: "object",
-                  description: "Additional data properties for creation",
-                  additionalProperties: true,
-                },
                 select: { $ref: `#/components/schemas/${selectSchemaName}` },
               },
               required: ["data"],
@@ -466,6 +464,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}/{id}`,
+      operationId: `get${tableName}`,
       summary: `Get ${singularModelName}`,
       description: `Endpoint to retrieve a single ${singularModelName} by ID`,
       tags: [singularModelName],
@@ -544,6 +543,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "put",
       path: `${model.crudApiPath}/{id}`,
+      operationId: `update${tableName}`,
       summary: `Update ${singularModelName}`,
       description: `Endpoint to update an existing ${singularModelName}`,
       tags: [singularModelName],
@@ -615,6 +615,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "delete",
       path: `${model.crudApiPath}/{id}`,
+      operationId: `delete${tableName}`,
       summary: `Delete ${singularModelName}`,
       description: `Endpoint to delete a ${singularModelName}`,
       tags: [singularModelName],
@@ -859,6 +860,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}/get-list`,
+      operationId: `list${tableName}`,
       summary: `List ${singularModelName}`,
       description: `Endpoint to list all ${singularModelName} items`,
       tags: [singularModelName],
@@ -919,6 +921,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}/count`,
+      operationId: `count${tableName}`,
       summary: `Count ${singularModelName}`,
       description: `Endpoint to count ${singularModelName} items`,
       tags: [singularModelName],
@@ -977,6 +980,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}`,
+      operationId: `create${tableName}`,
       summary: `Create ${singularModelName}`,
       description: `Endpoint to create a new ${singularModelName}`,
       tags: [singularModelName],
@@ -990,11 +994,6 @@ export default class OpenAPIUtil {
                 data: {
                   $ref: `#/components/schemas/${createSchemaName}`,
                 },
-                miscDataProps: {
-                  type: "object",
-                  description: "Additional data properties for creation",
-                  additionalProperties: true,
-                },
                 select: { $ref: `#/components/schemas/${selectSchemaName}` },
               },
               required: ["data"],
@@ -1043,6 +1042,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "post",
       path: `${model.crudApiPath}/{id}`,
+      operationId: `get${tableName}`,
       summary: `Get ${singularModelName}`,
       description: `Endpoint to retrieve a single ${singularModelName} by ID`,
       tags: [singularModelName],
@@ -1115,6 +1115,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "put",
       path: `${model.crudApiPath}/{id}`,
+      operationId: `update${tableName}`,
       summary: `Update ${singularModelName}`,
       description: `Endpoint to update an existing ${singularModelName}`,
       tags: [singularModelName],
@@ -1186,6 +1187,7 @@ export default class OpenAPIUtil {
     data.registry.registerPath({
       method: "delete",
       path: `${model.crudApiPath}/{id}`,
+      operationId: `delete${tableName}`,
       summary: `Delete ${singularModelName}`,
       description: `Endpoint to delete a ${singularModelName}`,
       tags: [singularModelName],

package/Server/Utils/Response.ts

@@ -75,7 +75,7 @@ export default class Response {
     const oneUptimeResponse: OneUptimeResponse = res as OneUptimeResponse;
 
     /** Set the proper content type */
-    oneUptimeResponse.set("Content-Type", file.type);
+    oneUptimeResponse.set("Content-Type", file.fileType);
     oneUptimeResponse.status(200);
     /** Return response */
     // readstream.pipe(res);

package/Server/Utils/Workspace/Slack/Slack.ts

@@ -60,6 +60,10 @@ export default class SlackUtil extends WorkspaceBase {
           Authorization: `Bearer ${data.authToken}`,
           ["Content-Type"]: "application/x-www-form-urlencoded",
         },
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
       );
 
     logger.debug("Response from Slack API for getting user info:");
@@ -122,6 +126,10 @@ export default class SlackUtil extends WorkspaceBase {
         Authorization: `Bearer ${data.authToken}`,
         ["Content-Type"]: "application/json",
       },
+      {
+        retries: 3,
+        exponentialBackoff: true,
+      },
     );
 
     if (result instanceof HTTPErrorResponse) {
@@ -202,6 +210,10 @@ export default class SlackUtil extends WorkspaceBase {
             Authorization: `Bearer ${data.authToken}`,
             ["Content-Type"]: "application/x-www-form-urlencoded",
           },
+          {
+            retries: 3,
+            exponentialBackoff: true,
+          },
         );
 
       logger.debug("Response from Slack API for archiving channel:");
@@ -245,6 +257,10 @@ export default class SlackUtil extends WorkspaceBase {
           Authorization: `Bearer ${data.authToken}`,
           ["Content-Type"]: "application/x-www-form-urlencoded",
         },
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
       );
 
     logger.debug("Response from Slack API for joining channel:");
@@ -301,6 +317,10 @@ export default class SlackUtil extends WorkspaceBase {
           Authorization: `Bearer ${data.authToken}`,
           ["Content-Type"]: "application/x-www-form-urlencoded",
         },
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
       );
 
     logger.debug("Response from Slack API for inviting user:");
@@ -449,6 +469,10 @@ export default class SlackUtil extends WorkspaceBase {
           Authorization: `Bearer ${data.authToken}`,
           ["Content-Type"]: "application/x-www-form-urlencoded",
         },
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
       );
 
     logger.debug("Response from Slack API for getting channel info:");
@@ -519,6 +543,10 @@ export default class SlackUtil extends WorkspaceBase {
             Authorization: `Bearer ${data.authToken}`,
             ["Content-Type"]: "application/x-www-form-urlencoded",
           },
+          {
+            retries: 3,
+            exponentialBackoff: true,
+          },
         );
 
       logger.debug("Response from Slack API for getting all channels:");
@@ -779,6 +807,10 @@ export default class SlackUtil extends WorkspaceBase {
           Authorization: `Bearer ${data.authToken}`,
           ["Content-Type"]: "application/json",
         },
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
       );
 
     logger.debug("Response from Slack API for sending message:");
@@ -853,6 +885,10 @@ export default class SlackUtil extends WorkspaceBase {
           Authorization: `Bearer ${data.authToken}`,
           ["Content-Type"]: "application/x-www-form-urlencoded",
         },
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
       );
 
     logger.debug("Response from Slack API for creating channel:");
@@ -1233,6 +1269,10 @@ export default class SlackUtil extends WorkspaceBase {
           Authorization: `Bearer ${data.authToken}`,
           ["Content-Type"]: "application/x-www-form-urlencoded",
         },
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
       );
 
     if (response instanceof HTTPErrorResponse) {
@@ -1297,6 +1337,10 @@ export default class SlackUtil extends WorkspaceBase {
             Authorization: `Bearer ${data.authToken}`,
             ["Content-Type"]: "application/x-www-form-urlencoded",
           },
+          {
+            retries: 3,
+            exponentialBackoff: true,
+          },
         );
 
       logger.debug("Response from Slack API for getting channel members:");
@@ -1373,17 +1417,25 @@ export default class SlackUtil extends WorkspaceBase {
     logger.debug(data);
 
     const apiResult: HTTPResponse<JSONObject> | HTTPErrorResponse | null =
-      await API.post(data.url, {
-        blocks: [
-          {
-            type: "section",
-            text: {
-              type: "mrkdwn",
-              text: `${data.text}`,
+      await API.post(
+        data.url,
+        {
+          blocks: [
+            {
+              type: "section",
+              text: {
+                type: "mrkdwn",
+                text: `${data.text}`,
+              },
             },
-          },
-        ],
-      });
+          ],
+        },
+        undefined,
+        {
+          retries: 3,
+          exponentialBackoff: true,
+        },
+      );
 
     logger.debug("Response from Slack API for sending message via webhook:");
     logger.debug(apiResult);

package/Tests/Server/Middleware/ProjectAuthorization.test.ts

@@ -214,7 +214,9 @@ describe("ProjectMiddleware", () => {
       );
 
       expect(next).toHaveBeenCalledWith(
-        new BadDataException("ApiKey not found in the request"),
+        new BadDataException(
+          "API Key not found in the request header. Please provide a valid API Key in the request header.",
+        ),
       );
     });
 

package/Tests/UI/Components/FilePicker.test.tsx

@@ -60,7 +60,7 @@ const mockCreateResponse: MockCreateResponseFunction = async (
     {
       file: (await file.arrayBuffer()) as Buffer,
       name: file.name,
-      type: file.type,
+      type: file.type as MimeType,
       slug: file.name,
       isPublic: true,
     },
@@ -75,7 +75,7 @@ const mockFileModel: MockFileModelFunction = async (
 ): Promise<FileModel> => {
   const fileModel: FileModel = new FileModel(new ObjectID("123"));
   fileModel.name = file.name;
-  fileModel.type = file.type as MimeType;
+  fileModel.fileType = file.type as MimeType;
   fileModel.slug = file.name;
   fileModel.isPublic = true;
   fileModel.file = (await file.arrayBuffer()) as Buffer;

package/Tests/UI/Components/Input.test.tsx

@@ -39,6 +39,7 @@ describe("Input", () => {
       error: "error",
       outerDivClassName: "outerDivClassName",
       autoFocus: true,
+      disableSpellCheck: false,
     };
 
     const { getByRole } = render(<Input {...props} />);
@@ -283,4 +284,25 @@ describe("Input", () => {
 
     expect(getByRole("textbox")).toHaveFocus();
   });
+
+  test("enables spellcheck by default", () => {
+    const { getByRole } = render(<Input />);
+    const input: HTMLElement = getByRole("textbox");
+
+    expect(input).toHaveAttribute("spellcheck", "true");
+  });
+
+  test("disables spellcheck when disableSpellCheck is true", () => {
+    const { getByRole } = render(<Input disableSpellCheck={true} />);
+    const input: HTMLElement = getByRole("textbox");
+
+    expect(input).toHaveAttribute("spellcheck", "false");
+  });
+
+  test("enables spellcheck when disableSpellCheck is false", () => {
+    const { getByRole } = render(<Input disableSpellCheck={false} />);
+    const input: HTMLElement = getByRole("textbox");
+
+    expect(input).toHaveAttribute("spellcheck", "true");
+  });
 });

package/Tests/UI/Components/MarkdownEditor.test.tsx

@@ -0,0 +1,61 @@
+import React from "react";
+import MarkdownEditor from "../../../UI/Components/Markdown.tsx/MarkdownEditor";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, test } from "@jest/globals";
+
+describe("MarkdownEditor with SpellCheck", () => {
+  test("should enable spell check by default", () => {
+    render(
+      <MarkdownEditor
+        initialValue="This is a test with speling errors"
+        placeholder="Enter markdown here..."
+      />,
+    );
+
+    const textarea: HTMLTextAreaElement = screen.getByRole(
+      "textbox",
+    ) as HTMLTextAreaElement;
+    expect(textarea.spellcheck).toBe(true);
+  });
+
+  test("should disable spell check when disableSpellCheck is true", () => {
+    render(
+      <MarkdownEditor
+        initialValue="This is a test with speling errors"
+        placeholder="Enter markdown here..."
+        disableSpellCheck={true}
+      />,
+    );
+
+    const textarea: HTMLTextAreaElement = screen.getByRole(
+      "textbox",
+    ) as HTMLTextAreaElement;
+    expect(textarea.spellcheck).toBe(false);
+  });
+
+  test("should handle spell check prop changes", () => {
+    const { rerender } = render(
+      <MarkdownEditor
+        initialValue="This is a test with speling errors"
+        placeholder="Enter markdown here..."
+        disableSpellCheck={false}
+      />,
+    );
+
+    let textarea: HTMLTextAreaElement = screen.getByRole(
+      "textbox",
+    ) as HTMLTextAreaElement;
+    expect(textarea.spellcheck).toBe(true);
+
+    rerender(
+      <MarkdownEditor
+        initialValue="This is a test with speling errors"
+        placeholder="Enter markdown here..."
+        disableSpellCheck={true}
+      />,
+    );
+
+    textarea = screen.getByRole("textbox") as HTMLTextAreaElement;
+    expect(textarea.spellcheck).toBe(false);
+  });
+});

package/Tests/UI/Components/TextArea.test.tsx

@@ -25,6 +25,7 @@ describe("TextArea", () => {
         tabIndex={1}
         error="error"
         autoFocus={true}
+        disableSpellCheck={false}
       />,
     );
     const textarea: HTMLElement = getByRole("textbox");
@@ -150,4 +151,25 @@ describe("TextArea", () => {
     expect(getByDisplayValue("")).toBeInTheDocument();
     expect(queryByDisplayValue("\n")).not.toBeInTheDocument();
   });
+
+  test("enables spellcheck by default", () => {
+    const { getByRole } = render(<TextArea />);
+    const textarea: HTMLElement = getByRole("textbox");
+
+    expect(textarea).toHaveAttribute("spellcheck", "true");
+  });
+
+  test("disables spellcheck when disableSpellCheck is true", () => {
+    const { getByRole } = render(<TextArea disableSpellCheck={true} />);
+    const textarea: HTMLElement = getByRole("textbox");
+
+    expect(textarea).toHaveAttribute("spellcheck", "false");
+  });
+
+  test("enables spellcheck when disableSpellCheck is false", () => {
+    const { getByRole } = render(<TextArea disableSpellCheck={false} />);
+    const textarea: HTMLElement = getByRole("textbox");
+
+    expect(textarea).toHaveAttribute("spellcheck", "true");
+  });
 });