Merge branch 'main' of github.com:NEAR-DevHub/neardevhub-bos into fea…

…ture/1011-infra-feeds

instances/devhub.near/widget/devhub/entity/proposal/Editor.jsx

@@ -516,7 +516,7 @@ useEffect(() => {
   }
 }, [props.transactionHashes]);
 
-const DropdowntBtnContainer = styled.div`
+const DropdownBtnContainer = styled.div`
   font-size: 13px;
   min-width: 150px;
 
@@ -666,7 +666,7 @@ const SubmitBtn = () => {
   const selectedOption = btnOptions.find((i) => i.value === selectedStatus);
 
   return (
-    <DropdowntBtnContainer>
+    <DropdownBtnContainer>
       <div
         className="custom-select"
         tabIndex="0"
@@ -718,7 +718,7 @@ const SubmitBtn = () => {
           </div>
         )}
       </div>
-    </DropdowntBtnContainer>
+    </DropdownBtnContainer>
   );
 };
 

playwright-tests/tests/events/proposals.spec.js

@@ -548,7 +548,6 @@ test.describe("Wallet is connected", () => {
     test.setTimeout(120000);
     await getCurrentBlockHeight(page);
     await page.goto(`/${account}/widget/app?page=create-proposal`);
-
     await getCurrentBlockHeight(page);
 
     const delay_milliseconds_between_keypress_when_typing = 100;

playwright-tests/tests/infrastructure/proposal.spec.js

@@ -1,5 +1,6 @@
 import { test as base, expect } from "@playwright/test";
 import { pauseIfVideoRecording } from "../../testUtils";
+import { MOCK_RPC_URL } from "../../util/rpcmock.js";
 
 const test = base.extend({
   // Define an option and provide a default value.
@@ -288,3 +289,78 @@ test.describe("Wallet is connected as admin", () => {
     await expect(newTab).toHaveURL("https://www.google.com");
   });
 });
+
+let acceptedTermsVersion = 122927956;
+async function getCurrentBlockHeight(page) {
+  // set current block height for accepted terms and conditions
+  await page.route(MOCK_RPC_URL, async (route) => {
+    const request = route.request();
+    const requestPostData = request.postDataJSON();
+    if (
+      requestPostData?.method === "block" &&
+      requestPostData?.params?.finality === "optimistic"
+    ) {
+      const response = await route.fetch();
+      const json = await response.json();
+      json.result.header.height = acceptedTermsVersion;
+      await route.fulfill({ response, json });
+    } else {
+      await route.continue();
+    }
+  });
+}
+
+test.describe("Wallet is connected", () => {
+  test.use({
+    storageState: "playwright-tests/storage-states/wallet-connected.json",
+  });
+
+  test("should create a autolink reference to existing proposal", async ({
+    page,
+    account,
+  }) => {
+    test.setTimeout(120000);
+    await getCurrentBlockHeight(page);
+    await page.goto(`/${account}/widget/app?page=create-proposal`);
+
+    const delay_milliseconds_between_keypress_when_typing = 0;
+    const titleArea = await page.getByRole("textbox").first();
+    await expect(titleArea).toBeEditable({ timeout: 10_000 });
+    await titleArea.pressSequentially("Test proposal 123456", {
+      delay: delay_milliseconds_between_keypress_when_typing,
+    });
+
+    await pauseIfVideoRecording(page);
+
+    const descriptionArea = await page
+      .frameLocator("iframe")
+      .locator(".CodeMirror textarea");
+    await descriptionArea.focus();
+    await descriptionArea.scrollIntoViewIfNeeded();
+    await descriptionArea.pressSequentially(
+      `The test proposal description. And referencing #`,
+      {
+        delay: delay_milliseconds_between_keypress_when_typing,
+      }
+    );
+    await descriptionArea.pressSequentially("2", { delay: 10 });
+    await pauseIfVideoRecording(page);
+
+    let proposalLink = await page
+      .frameLocator("iframe")
+      .getByText(
+        "#2 Proposal: Near Enablement in Alterscope Risk Infrastructure"
+      )
+      .click({ timeout: 10000 });
+    // check the visibility
+    await expect(
+      page
+        .frameLocator("iframe")
+        .getByText(
+          "https://near.social/infrastructure-committee.near/widget/app?page=proposal&id=2"
+        )
+    ).toBeVisible({ timeout: 10000 });
+
+    await pauseIfVideoRecording(page);
+  });
+});