PromucFlow_constructor/app/client/src/utils/AppsmithUtils.test.ts
Ilia d6f249b42d
chore: add blank line eslint rule (#36369)
## Description
Added ESLint rule to force blank lines between statements. 


Fixes #`Issue Number`  
_or_  
Fixes `Issue URL`
> [!WARNING]  
> _If no issue exists, please create an issue first, and check with the
maintainers if the issue is valid._

## Automation

/ok-to-test tags="@tag.All"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!CAUTION]
> 🔴 🔴 🔴 Some tests have failed.
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/10924926728>
> Commit: 34f57714a1575ee04e94e03cbcaf95e57a96c86c
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10924926728&attempt=1&selectiontype=test&testsstatus=failed&specsstatus=fail"
target="_blank">Cypress dashboard</a>.
> Tags: @tag.All
> Spec: 
> The following are new failures, please fix them before merging the PR:
<ol>
> <li>cypress/e2e/Regression/ClientSide/Anvil/AnvilModal_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilButtonWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilCheckboxGroupWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilCurrencyInputWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilIconButtonWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilInlineButtonWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilInputWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilParagraphWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilPhoneInputWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilStatsWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilSwitchGroupWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilSwitchWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilTableWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilToolbarButtonWidgetSnapshot_spec.ts
>
<li>cypress/e2e/Regression/ClientSide/Anvil/Widgets/AnvilZoneSectionWidgetSnapshot_spec.ts</ol>
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/identified-flaky-tests-65890b3c81d7400d08fa9ee3?branch=master"
target="_blank">List of identified flaky tests</a>.
> <hr>Wed, 18 Sep 2024 16:33:36 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No

---------

Co-authored-by: Valera Melnikov <valera@appsmith.com>
2024-09-18 19:35:28 +03:00

132 lines
3.5 KiB
TypeScript

import {
areArraysEqual,
createBlobUrl,
DataType,
getCamelCaseString,
getDatatype,
parseBlobUrl,
} from "utils/AppsmithUtils";
import { isURL } from "./TypeHelpers";
describe("getCamelCaseString", () => {
it("Should return a string in camelCase", () => {
const inputs = ["abcd", "ab12cd", "开关", "😃 😃 😃"];
const expected = ["abcd", "ab12Cd", "", ""];
inputs.forEach((input, index) => {
const result = getCamelCaseString(input);
expect(result).toStrictEqual(expected[index]);
});
});
});
describe("test areArraysEqual", () => {
it("test areArraysEqual method", () => {
const OGArray = ["test1", "test2", "test3"];
let testArray: string[] = [];
expect(areArraysEqual(OGArray, testArray)).toBe(false);
testArray = ["test1", "test3"];
expect(areArraysEqual(OGArray, testArray)).toBe(false);
testArray = ["test1", "test2", "test3"];
expect(areArraysEqual(OGArray, testArray)).toBe(true);
testArray = ["test1", "test3", "test2"];
expect(areArraysEqual(OGArray, testArray)).toBe(true);
});
});
describe("isURL", () => {
test("returns true for valid URLs", () => {
expect(isURL("http://example.com")).toBe(true);
expect(isURL("https://www.google.com/search?q=javascript")).toBe(true);
expect(isURL("https://en.wikipedia.org/wiki/Regular_expression")).toBe(
true,
);
expect(
isURL("https://www.example.com/path(withparentheses)/file.html"),
).toBe(true);
expect(
isURL("https://www.example.com/path[withparentheses]/file_(1)[2].html"),
).toBe(true);
});
test("returns false for invalid URLs", () => {
expect(isURL("http://localhost:3000")).toBe(false);
expect(isURL("not a URL")).toBe(false);
expect(isURL("ftp:/example.com")).toBe(false);
expect(isURL("http://example.")).toBe(false);
expect(isURL("http://localhost:port")).toBe(false);
expect(isURL("notAURL")).toBe(false);
expect(isURL("httpsnotAURL")).toBe(false);
});
});
describe("createBlobUrl", () => {
beforeEach(() => {
URL.createObjectURL = jest
.fn()
.mockReturnValue(`blob:${window.location.origin}/123-123-123-123-123`);
});
it("should test that it created correct blob URL", () => {
expect(createBlobUrl(new Blob(), "base64")).toMatch(
/blob:[a-z0-9-]*\?type=base64/,
);
expect(createBlobUrl(new Blob(), "raw")).toMatch(
/blob:[a-z0-9-]*\?type=raw/,
);
});
});
describe("parseBlobUrl", () => {
it("should test that it created correct blob URL", () => {
expect(parseBlobUrl("blob:123-123?type=base")).toEqual([
`blob:${window.location.origin}/123-123`,
"base",
]);
expect(parseBlobUrl("blob:123-123?type=raw")).toEqual([
`blob:${window.location.origin}/123-123`,
"raw",
]);
});
});
describe("getDatatype - should test the datatypes", () => {
it("1. String", () => {
expect(getDatatype("test")).toBe(DataType.STRING);
});
it("2. Number", () => {
[1, NaN].forEach((d) => {
expect(getDatatype(d)).toBe(DataType.NUMBER);
});
});
it("3. Boolean", () => {
[true, false].forEach((d) => {
expect(getDatatype(d)).toBe(DataType.BOOLEAN);
});
});
it("4. Object", () => {
expect(getDatatype({})).toBe(DataType.OBJECT);
});
it("5. Array", () => {
expect(getDatatype([])).toBe(DataType.ARRAY);
});
it("6. Rest of the types", () => {
expect(getDatatype(null)).toBe(DataType.NULL);
expect(getDatatype(undefined)).toBe(DataType.UNDEFINED);
});
});