@hubspot/ui-extensions 0.11.4 → 0.11.6

package/dist/{experimental/testing → testing}/__tests__/debug.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, List, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, List, Text } from "../../index.js";
 import { createRenderer, isRenderedTextNode } from "../index.js";
 function MyComponent() {
     return (_jsxs(_Fragment, { children: [_jsx(ButtonRow, { children: _jsx(Button, { variant: "primary", overlay: _jsx(List, { children: _jsx(Text, { children: "Item 1" }) }), children: "Click me!" }) }), _jsx(Alert, { title: "My Alert" })] }));

package/dist/{experimental/testing → testing}/__tests__/find.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { ComponentNotFoundError, FindInvalidComponentError, } from "../internal/errors.js";
 describe('find()', () => {

package/dist/{experimental/testing → testing}/__tests__/findAll.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow } from "../../../index.js";
+import { Alert, Button, ButtonRow } from "../../index.js";
 import { createRenderer } from "../index.js";
 describe('findAll()', () => {
     it('should allow finding all matching components', () => {

package/dist/{experimental/testing → testing}/__tests__/findAllChildren.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 describe('findAllChildren()', () => {
     it('should allow finding all direct children from the root node', () => {

package/dist/{experimental/testing → testing}/__tests__/findByTestId.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { ComponentMismatchedByTestIdError, ComponentNotFoundByTestIdError, FindInvalidComponentError, } from "../internal/errors.js";
 describe('findByTestId()', () => {

package/dist/{experimental/testing → testing}/__tests__/findChild.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow } from "../../../index.js";
+import { Alert, Button, ButtonRow } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { ComponentNotFoundError, FindInvalidComponentError, } from "../internal/errors.js";
 describe('findChild()', () => {

package/dist/{experimental/testing → testing}/__tests__/fragments.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, List, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, List, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { InvalidFragmentPropArrayError } from "../internal/errors.js";
 describe('fragments', () => {

package/dist/{experimental/testing → testing}/__tests__/invalid-components.spec.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { InvalidComponentsError } from "../internal/errors.js";
 import { createDeferred } from "../internal/utils/promise-utils.js";

package/dist/{experimental/testing → testing}/__tests__/isMatch.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button } from "../../../index.js";
+import { Alert, Button } from "../../index.js";
 import { createRenderer, isMatch, isRenderedFragmentNode, } from "../index.js";
 describe('isMatch()', () => {
     describe('isMatch() utility function', () => {

package/dist/{experimental/testing → testing}/__tests__/logger.spec.js

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { logger } from "../../../logger.js";
+import { logger } from "../../logger.js";
 describe('logger in test environment', () => {
     it('should be available', () => {
         expect(logger.debug).toBeInstanceOf(Function);

package/dist/{experimental/testing → testing}/__tests__/maybeFind.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 describe('maybeFind()', () => {
     it('should return the element when found', () => {

package/dist/{experimental/testing → testing}/__tests__/maybeFindByTestId.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow } from "../../../index.js";
+import { Alert, Button, ButtonRow } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { ComponentMismatchedByTestIdError, FindInvalidComponentError, } from "../internal/errors.js";
 describe('maybeFindByTestId()', () => {

package/dist/{experimental/testing → testing}/__tests__/maybeFindChild.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Alert, Button, ButtonRow, Text } from "../../../index.js";
+import { Alert, Button, ButtonRow, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 describe('maybeFindChild()', () => {
     it('should return direct child from the root node', () => {

package/dist/{experimental/testing → testing}/__tests__/mocks.runServerlessFunction.spec.js

@@ -1,6 +1,6 @@
 import { describe, it } from 'vitest';
 import { createRenderer } from "../index.js";
-import { ServerlessExecutionStatus, } from "../../../shared/types/http-requests.js";
+import { ServerlessExecutionStatus, } from "../../shared/types/http-requests.js";
 describe('mock runServerlessFunction', () => {
     it('should provide the ability to spy on the runServerlessFunction function', async () => {
         const { mocks } = createRenderer('crm.record.tab');

package/dist/testing/__tests__/mocks.useAssociations.spec.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { describe, expect, it, vi } from 'vitest';
+import { Text, Button } from "../../index.js";
+import { createRenderer } from "../index.js";
+import { useAssociations } from "../../crm/index.js";
+function MyComponent() {
+    const { results, isLoading, isRefetching, error, refetch } = useAssociations({
+        toObjectType: '0-1',
+        properties: ['firstname', 'lastname'],
+        pageLength: 10,
+    });
+    if (isLoading) {
+        return _jsx(Text, { children: "Loading..." });
+    }
+    if (isRefetching) {
+        return _jsx(Text, { children: "Refetching..." });
+    }
+    if (error) {
+        return _jsx(Text, { children: "Something went wrong!" });
+    }
+    return (_jsxs(_Fragment, { children: [results.map((result) => (_jsxs(Text, { children: [result.properties.firstname, " ", result.properties.lastname] }, result.toObjectId))), _jsx(Button, { testId: "refetchButton", onClick: () => refetch(), children: "Refetch" })] }));
+}
+describe('mock useAssociations', () => {
+    it('should provide a default mock implementation', () => {
+        const { render } = createRenderer('crm.record.tab');
+        const { findAll } = render(_jsx(MyComponent, {}));
+        const textNodes = findAll(Text);
+        expect(textNodes.length).toEqual(1);
+        expect(textNodes[0].text).toEqual('fake_firstname fake_lastname');
+    });
+    it('should allow mocking the next function result', () => {
+        const { render, mocks } = createRenderer('crm.record.tab');
+        mocks.useAssociations.nextResult({
+            results: [],
+            error: new Error('Something went wrong!'),
+            isLoading: false,
+            isRefetching: false,
+            refetch: async () => { },
+            pagination: {
+                hasNextPage: false,
+                hasPreviousPage: false,
+                currentPage: 1,
+                pageSize: 10,
+                nextPage: () => { },
+                previousPage: () => { },
+                reset: () => { },
+            },
+        });
+        const { find } = render(_jsx(MyComponent, {}));
+        expect(find(Text).text).toEqual('Something went wrong!');
+    });
+    it('should allow tracking refetch calls with a custom spy', () => {
+        const { render, mocks, findByTestId } = createRenderer('crm.record.tab');
+        const refetchSpy = vi.fn().mockResolvedValue(undefined);
+        mocks.useAssociations.nextResult({
+            results: [
+                {
+                    toObjectId: 1,
+                    associationTypes: [],
+                    properties: { firstname: 'John', lastname: 'Doe' },
+                },
+            ],
+            error: null,
+            isLoading: false,
+            isRefetching: false,
+            refetch: refetchSpy,
+            pagination: {
+                hasNextPage: false,
+                hasPreviousPage: false,
+                currentPage: 1,
+                pageSize: 10,
+                nextPage: () => { },
+                previousPage: () => { },
+                reset: () => { },
+            },
+        });
+        render(_jsx(MyComponent, {}));
+        findByTestId(Button, 'refetchButton').trigger('onClick');
+        expect(refetchSpy).toHaveBeenCalledTimes(1);
+    });
+    it('should allow mocking isRefetching state during refetch', () => {
+        const { render, mocks } = createRenderer('crm.record.tab');
+        mocks.useAssociations.nextResult({
+            results: [],
+            error: null,
+            isLoading: false,
+            isRefetching: true,
+            refetch: async () => { },
+            pagination: {
+                hasNextPage: false,
+                hasPreviousPage: false,
+                currentPage: 1,
+                pageSize: 10,
+                nextPage: () => { },
+                previousPage: () => { },
+                reset: () => { },
+            },
+        });
+        const { find } = render(_jsx(MyComponent, {}));
+        expect(find(Text).text).toEqual('Refetching...');
+    });
+    it('should allow providing a custom refetch implementation', () => {
+        const { render, mocks, findByTestId } = createRenderer('crm.record.tab');
+        const refetchSpy = vi.fn().mockResolvedValue(undefined);
+        const customData = { customKey: 'customValue' };
+        mocks.useAssociations.nextResult({
+            results: [
+                {
+                    toObjectId: 1,
+                    associationTypes: [],
+                    properties: { firstname: 'Test', lastname: 'User' },
+                },
+            ],
+            error: null,
+            isLoading: false,
+            isRefetching: false,
+            refetch: async () => {
+                await refetchSpy(customData);
+            },
+            pagination: {
+                hasNextPage: false,
+                hasPreviousPage: false,
+                currentPage: 1,
+                pageSize: 10,
+                nextPage: () => { },
+                previousPage: () => { },
+                reset: () => { },
+            },
+        });
+        render(_jsx(MyComponent, {}));
+        findByTestId(Button, 'refetchButton').trigger('onClick');
+        expect(refetchSpy).toHaveBeenCalledTimes(1);
+        expect(refetchSpy).toHaveBeenCalledWith(customData);
+    });
+});

package/dist/testing/__tests__/mocks.useCrmProperties.spec.js

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { describe, expect, it, vi } from 'vitest';
+import { Text, Button } from "../../index.js";
+import { createRenderer } from "../index.js";
+import { useCrmProperties } from "../../crm/index.js";
+function MyComponent() {
+    const { properties, isLoading, isRefetching, error, refetch } = useCrmProperties(['firstname', 'lastname']);
+    if (isLoading) {
+        return _jsx(Text, { children: "Loading..." });
+    }
+    if (isRefetching) {
+        return _jsx(Text, { children: "Refetching..." });
+    }
+    if (error) {
+        return _jsx(Text, { children: "Something went wrong!" });
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs(Text, { children: ["First name: ", properties.firstname] }), _jsxs(Text, { children: ["Last name: ", properties.lastname] }), _jsx(Button, { testId: "refetchButton", onClick: () => refetch(), children: "Refetch" })] }));
+}
+describe('mock useCrmProperties', () => {
+    it('should provide a default mock implementation', () => {
+        const { render } = createRenderer('crm.record.tab');
+        const { findAll } = render(_jsx(MyComponent, {}));
+        const textNodes = findAll(Text);
+        expect(textNodes.length).toEqual(2);
+        expect(textNodes[0].text).toEqual('First name: fake_firstname');
+        expect(textNodes[1].text).toEqual('Last name: fake_lastname');
+    });
+    it('should allow mocking the next function result', () => {
+        const { render, mocks } = createRenderer('crm.record.tab');
+        mocks.useCrmProperties.nextResult({
+            properties: {},
+            error: new Error('Something went wrong!'),
+            isLoading: false,
+            isRefetching: false,
+            refetch: () => Promise.resolve(),
+        });
+        const { find } = render(_jsx(MyComponent, {}));
+        expect(find(Text).text).toEqual('Something went wrong!');
+    });
+    it('should allow providing a custom mock function', () => {
+        const { render, mocks, findAll } = createRenderer('crm.record.tab');
+        mocks.useCrmProperties.willCall((propertyNames) => {
+            const properties = propertyNames.reduce((acc, propertyName) => {
+                acc[propertyName] = propertyName.toUpperCase();
+                return acc;
+            }, {});
+            return {
+                properties,
+                error: null,
+                isLoading: false,
+                isRefetching: false,
+                refetch: async () => { },
+            };
+        });
+        render(_jsx(MyComponent, {}));
+        const textNodes = findAll(Text);
+        const firstNameText = textNodes[0];
+        const lastNameText = textNodes[1];
+        expect(firstNameText.isMatch(Text) && firstNameText.text).toEqual('First name: FIRSTNAME');
+        expect(lastNameText.isMatch(Text) && lastNameText.text).toEqual('Last name: LASTNAME');
+    });
+    it('should allow tracking refetch calls with a custom spy', () => {
+        const { render, mocks, findByTestId } = createRenderer('crm.record.tab');
+        const refetchSpy = vi.fn().mockResolvedValue(undefined);
+        mocks.useCrmProperties.nextResult({
+            properties: { firstname: 'John', lastname: 'Doe' },
+            error: null,
+            isLoading: false,
+            isRefetching: false,
+            refetch: refetchSpy,
+        });
+        render(_jsx(MyComponent, {}));
+        findByTestId(Button, 'refetchButton').trigger('onClick');
+        expect(refetchSpy).toHaveBeenCalledTimes(1);
+    });
+    it('should allow mocking isRefetching state during refetch', () => {
+        const { render, mocks } = createRenderer('crm.record.tab');
+        mocks.useCrmProperties.nextResult({
+            properties: {},
+            error: null,
+            isLoading: false,
+            isRefetching: true,
+            refetch: async () => { },
+        });
+        const { find } = render(_jsx(MyComponent, {}));
+        expect(find(Text).text).toEqual('Refetching...');
+    });
+    it('should allow providing a custom refetch implementation', () => {
+        const { render, mocks, findByTestId } = createRenderer('crm.record.tab');
+        const refetchSpy = vi.fn().mockResolvedValue(undefined);
+        const customData = { customKey: 'customValue' };
+        mocks.useCrmProperties.nextResult({
+            properties: { firstname: 'Test Value', lastname: 'Test' },
+            error: null,
+            isLoading: false,
+            isRefetching: false,
+            refetch: async () => {
+                await refetchSpy(customData);
+            },
+        });
+        render(_jsx(MyComponent, {}));
+        findByTestId(Button, 'refetchButton').trigger('onClick');
+        expect(refetchSpy).toHaveBeenCalledTimes(1);
+        expect(refetchSpy).toHaveBeenCalledWith(customData);
+    });
+});

package/dist/testing/__tests__/mocks.useExtensionActions.spec.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createRenderer } from "../index.js";
+import { useExtensionActions } from "../../hooks/useExtensionActions.js";
+import { Button } from "../../index.js";
+function MyActionsCrmComponent() {
+    const actions = useExtensionActions();
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { testId: "reloadButton", onClick: () => actions.reloadPage(), children: "Reload Page" }), _jsx(Button, { testId: "fetchButton", onClick: () => {
+                    actions.fetchCrmObjectProperties(['firstname', 'lastname']);
+                }, children: "Fetch Properties" })] }));
+}
+function MyActionsHomeComponent() {
+    const actions = useExtensionActions();
+    return (_jsx(_Fragment, { children: _jsx(Button, { testId: "copyButton", onClick: () => actions.copyTextToClipboard('Hello world'), children: "Copy Text" }) }));
+}
+describe('mock actions', () => {
+    it('should provide the ability to spy on the actions for the "crm.record.tab" extension point', () => {
+        const { mocks, render, findByTestId } = createRenderer('crm.record.tab');
+        const { actions } = mocks;
+        render(_jsx(MyActionsCrmComponent, {}));
+        findByTestId(Button, 'reloadButton').trigger('onClick');
+        expect(actions.reloadPage.callCount).toBe(1);
+        findByTestId(Button, 'fetchButton').trigger('onClick');
+        expect(actions.fetchCrmObjectProperties.callCount).toBe(1);
+    });
+    it('should provide the ability to spy on the actions for the "home" extension point', () => {
+        const { mocks, render, findByTestId } = createRenderer('home');
+        const { actions } = mocks;
+        render(_jsx(MyActionsHomeComponent, {}));
+        findByTestId(Button, 'copyButton').trigger('onClick');
+        expect(actions.copyTextToClipboard.callCount).toBe(1);
+    });
+});

package/dist/testing/__tests__/mocks.useExtensionContext.spec.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { describe, expect, it } from 'vitest';
+import { Text } from "../../index.js";
+import { createRenderer } from "../index.js";
+import { useExtensionContext } from "../../hooks/useExtensionContext.js";
+function MyComponent() {
+    const context = useExtensionContext();
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { testId: "location-text", children: context.location }), _jsx(Text, { testId: "user-email", children: context.user.email }), _jsx(Text, { testId: "user-firstName", children: context.user.firstName }), _jsx(Text, { testId: "user-lastName", children: context.user.lastName }), _jsx(Text, { testId: "portal-id", children: context.portal.id }), _jsx(Text, { testId: "portal-timezone", children: context.portal.timezone }), 'crm' in context && (_jsxs(_Fragment, { children: [_jsx(Text, { testId: "crm-objectId", children: context.crm.objectId }), _jsx(Text, { testId: "crm-objectTypeId", children: context.crm.objectTypeId })] }))] }));
+}
+describe('mock useExtensionContext', () => {
+    it('should provide a CRM mock implementation', () => {
+        const { render, findByTestId } = createRenderer('crm.record.tab');
+        render(_jsx(MyComponent, {}));
+        expect(findByTestId(Text, 'location-text').text).toEqual('crm.record.tab');
+        expect(findByTestId(Text, 'user-email').text).toEqual('fake_email@example.com');
+        expect(findByTestId(Text, 'user-firstName').text).toEqual('fake_firstName');
+        expect(findByTestId(Text, 'user-lastName').text).toEqual('fake_lastName');
+        expect(findByTestId(Text, 'portal-id').text).toEqual('123');
+        expect(findByTestId(Text, 'portal-timezone').text).toEqual('America/New_York');
+        expect(findByTestId(Text, 'crm-objectId').text).toEqual('123');
+        expect(findByTestId(Text, 'crm-objectTypeId').text).toEqual('0-1');
+    });
+    it('should provide a generic mock implementation without CRM properties', () => {
+        const { render, findByTestId, maybeFindByTestId } = createRenderer('settings');
+        render(_jsx(MyComponent, {}));
+        expect(findByTestId(Text, 'location-text').text).toEqual('settings');
+        expect(findByTestId(Text, 'user-email').text).toEqual('fake_email@example.com');
+        expect(findByTestId(Text, 'user-firstName').text).toEqual('fake_firstName');
+        expect(findByTestId(Text, 'user-lastName').text).toEqual('fake_lastName');
+        expect(findByTestId(Text, 'portal-id').text).toEqual('123');
+        expect(findByTestId(Text, 'portal-timezone').text).toEqual('America/New_York');
+        // doesn't have the CRM properties
+        expect(maybeFindByTestId(Text, 'crm-objectId')).toBeNull();
+        expect(maybeFindByTestId(Text, 'crm-objectTypeId')).toBeNull();
+    });
+    it('should use the mutated context', () => {
+        const newName = 'Gracie';
+        const { render, findByTestId, mocks } = createRenderer('settings');
+        mocks.context.user.firstName = newName;
+        render(_jsx(MyComponent, {}));
+        // no longer has the default context value, it has the mutate context
+        expect(findByTestId(Text, 'user-firstName').text).toEqual(newName);
+        // other properties stay the same
+        expect(findByTestId(Text, 'location-text').text).toEqual('settings');
+    });
+});

package/dist/{experimental/testing → testing}/__tests__/props.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Button, ButtonRow } from "../../../index.js";
+import { Button, ButtonRow } from "../../index.js";
 import { createRenderer } from "../index.js";
 describe('props', () => {
     it('should remove the children prop from the props object', () => {

package/dist/{experimental/testing → testing}/__tests__/testId.spec.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../../../index.js";
+import { Button } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { DuplicateTestIdError } from "../internal/errors.js";
 describe('testId', () => {

package/dist/{experimental/testing → testing}/__tests__/trigger.spec.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { describe, expect, it } from 'vitest';
-import { Button } from "../../../index.js";
+import { Button } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { InvalidEventFunctionError, MissingEventFunctionError, } from "../internal/errors.js";
 describe('trigger()', () => {

package/dist/{experimental/testing → testing}/__tests__/type-utils.spec.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { describe, expect, it } from 'vitest';
-import { Button, ButtonRow, Text } from "../../../index.js";
+import { Button, ButtonRow, Text } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { isRenderedElementNode, isRenderedFragmentNode, isRenderedRootNode, isRenderedTextNode, } from "../type-utils.js";
 import { RenderedNodeType } from "../types.js";

package/dist/testing/__tests__/waitFor.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{experimental/testing → testing}/__tests__/waitFor.spec.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import { Button } from "../../../index.js";
+import { Button } from "../../index.js";
 import { createRenderer } from "../index.js";
 import { WaitForTimeoutError } from "../internal/errors.js";
 describe('waitFor()', () => {

package/dist/{experimental/testing → testing}/internal/convert.js

@@ -3,7 +3,7 @@ import { createElementNode } from "./element.js";
 import { DuplicateTestIdError, InvalidFragmentPropArrayError, } from "./errors.js";
 import { createFragmentNode } from "./fragment.js";
 import { createTextNode } from "./text.js";
-import { __hubSpotComponentRegistry } from "../../../shared/remoteComponents.js";
+import { __hubSpotComponentRegistry } from "../../shared/remoteComponents.js";
 import { isRenderedTextNode } from "../type-utils.js";
 import { EMPTY_RENDERED_CHILD_NODES } from "./constants.js";
 import { asRenderedParentNode } from "./type-utils-internal.js";

package/dist/{experimental/testing → testing}/internal/element.d.ts

@@ -1,4 +1,4 @@
-import type { UnknownComponentProps } from '../../../shared/types/shared.ts';
+import type { UnknownComponentProps } from '../../shared/types/shared.ts';
 import { RenderedElementNode } from '../types.ts';
 import type { RenderedDocumentInternal } from './types-internal.ts';
 /**

package/dist/{experimental/testing → testing}/internal/errors.js

@@ -1,4 +1,4 @@
-import { EXTENSION_POINT_LOCATIONS } from "../../../shared/types/extension-points.js";
+import { EXTENSION_POINT_LOCATIONS } from "../../shared/types/extension-points.js";
 import { printNode } from "./print.js";
 import { asRenderedNode } from "./type-utils-internal.js";
 /**

package/dist/{experimental/testing → testing}/internal/match.d.ts

@@ -1,4 +1,4 @@
-import { UnknownComponentProps } from '../../../shared/types/shared.ts';
+import { UnknownComponentProps } from '../../shared/types/shared.ts';
 import { ElementMatcher, RenderedElementNode } from '../types.ts';
 /**
  * Checks if the element matches the matcher.

package/dist/{experimental/testing → testing}/internal/mocks/index.d.ts

@@ -1,6 +1,6 @@
 import { RendererSpies } from '../../types.ts';
 import { RendererMocksInternal } from '../types-internal.ts';
-import { ExtensionPointLocation } from '../../../../shared/types/extension-points.ts';
+import { ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
 /**
  * An object containing the mocks and spies.
  */

package/dist/{experimental/testing → testing}/internal/mocks/mock-extension-point-api.d.ts

@@ -1,2 +1,2 @@
-import { ExtensionPointApi, type ExtensionPointLocation } from '../../../../shared/types/extension-points.ts';
+import { ExtensionPointApi, type ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
 export declare const createMockExtensionPointApi: (extensionPointLocation: ExtensionPointLocation) => ExtensionPointApi<ExtensionPointLocation>;

package/dist/{experimental/testing → testing}/internal/mocks/mock-extension-point-api.js

@@ -1,4 +1,4 @@
-import { ServerlessExecutionStatus, } from "../../../../shared/types/http-requests.js";
+import { ServerlessExecutionStatus, } from "../../../shared/types/http-requests.js";
 const fakePrefix = 'fake_';
 const createMockServerlessFuncRunner = () => {
     return () => Promise.resolve({

package/dist/testing/internal/mocks/mock-hooks.d.ts

@@ -0,0 +1,3 @@
+import { RendererMockHooksInternal } from '../types-internal.ts';
+import type { ExtensionPointLocation } from '../../../shared/types/extension-points.ts';
+export declare const createMockHooks: <TExtensionPointLocation extends ExtensionPointLocation>() => RendererMockHooksInternal;

package/dist/{experimental/testing → testing}/internal/mocks/mock-hooks.js

@@ -1,3 +1,4 @@
+import { useMocksContext } from "../../../internal/hook-utils.js";
 /**
  * Creates a record of property names and their fake values.
  *
@@ -23,6 +24,8 @@ export const createMockHooks = () => {
                 properties,
                 error: null,
                 isLoading: false,
+                isRefetching: false,
+                refetch: async () => { },
             };
         },
         useAssociations: (config) => {
@@ -44,6 +47,8 @@ export const createMockHooks = () => {
                 ],
                 error: null,
                 isLoading: false,
+                isRefetching: false,
+                refetch: async () => { },
                 pagination: {
                     hasNextPage: false,
                     hasPreviousPage: false,
@@ -55,5 +60,14 @@ export const createMockHooks = () => {
                 },
             };
         },
+        useExtensionContext: () => {
+            const mocks = useMocksContext();
+            return mocks.context;
+        },
+        useExtensionActions: () => {
+            const mocks = useMocksContext();
+            return mocks
+                .actions;
+        },
     };
 };

package/dist/{experimental/testing → testing}/internal/print.js

@@ -1,4 +1,4 @@
-import { __hubSpotComponentRegistry } from "../../../shared/remoteComponents.js";
+import { __hubSpotComponentRegistry } from "../../shared/remoteComponents.js";
 import { isRenderedElementNode, isRenderedFragmentNode, isRenderedRootNode, isRenderedTextNode, } from "../type-utils.js";
 const INDENT_STRING = '  ';
 const printTextNode = (node, indent, printContext) => {

package/dist/{experimental/testing → testing}/internal/query.d.ts

@@ -1,4 +1,4 @@
-import type { HubSpotReactComponent, UnknownComponentProps } from '../../../shared/types/shared.ts';
+import type { HubSpotReactComponent, UnknownComponentProps } from '../../shared/types/shared.ts';
 import type { ElementMatcher, RenderedElementNode } from '../types.ts';
 import type { RenderedDocumentInternal, RenderedParentNodeInternal } from './types-internal.ts';
 /**

package/dist/{experimental/testing → testing}/internal/query.js

@@ -1,4 +1,4 @@
-import { __hubSpotComponentRegistry } from "../../../shared/remoteComponents.js";
+import { __hubSpotComponentRegistry } from "../../shared/remoteComponents.js";
 import { isRenderedElementNode } from "../type-utils.js";
 import { ComponentMismatchedByTestIdError, ComponentNotFoundByTestIdError, ComponentNotFoundError, FindInvalidComponentError, InvalidComponentsError, } from "./errors.js";
 import { checkElementMatches } from "./match.js";