Files
twenty/packages/twenty-server/test/integration/metadata/suites/command-menu-item/successful-command-menu-item-update.integration-spec.ts
T
Raphaël Bosi b11f77df2a [FRONT COMPONENTS] Introduce conditionalAvailabilityExpression to command menu items (#18319)
## PR Description

- Uses `expr-eval` to enable front components (SDK plugins) to define
conditional availability as declarative expressions.
- Moves shared types and constants to `twenty-shared`
- Introduces a `conditionalAvailabilityExpression` field on
`CommandMenuItemEntity`, allowing command menu items to store an
`expr-eval` compatible expression string that is evaluated against a
CommandMenuContext to determine if the item should be shown.
- Creates an esbuild transform plugin
`conditional-availability-transform-plugin` in `twenty-sdk` that
converts TypeScript conditional availability expressions into
`expr-eval` compatible syntax at build time, so SDK developers can write
natural TS expressions that get transformed to evaluable strings.
- Removes deprecated `forceRegisteredActionsByKey` state and its usage.
- Creates `useCommandMenuContext` hook that builds the full
`CommandMenuContext` object from React state, which is then passed to
`useCommandMenuItemFrontComponentActions` for evaluating conditional
availability expressions.
2026-03-04 16:33:58 +01:00

172 lines
5.2 KiB
TypeScript

import { faker } from '@faker-js/faker';
import { createCommandMenuItem } from 'test/integration/metadata/suites/command-menu-item/utils/create-command-menu-item.util';
import { deleteCommandMenuItem } from 'test/integration/metadata/suites/command-menu-item/utils/delete-command-menu-item.util';
import { findManyObjectMetadata } from 'test/integration/metadata/suites/object-metadata/utils/find-many-object-metadata.util';
import { updateCommandMenuItem } from 'test/integration/metadata/suites/command-menu-item/utils/update-command-menu-item.util';
import { updateFeatureFlag } from 'test/integration/metadata/suites/utils/update-feature-flag.util';
import { jestExpectToBeDefined } from 'test/utils/jest-expect-to-be-defined.util.test';
import { FeatureFlagKey } from 'twenty-shared/types';
import { CommandMenuItemAvailabilityType } from 'src/engine/metadata-modules/command-menu-item/entities/command-menu-item.entity';
describe('CommandMenuItem update should succeed', () => {
let createdCommandMenuItemId: string;
let companyObjectMetadataId: string;
let personObjectMetadataId: string;
beforeAll(async () => {
await updateFeatureFlag({
featureFlag: FeatureFlagKey.IS_COMMAND_MENU_ITEM_ENABLED,
value: true,
expectToFail: false,
});
const { objects } = await findManyObjectMetadata({
expectToFail: false,
input: {
filter: {},
paging: { first: 1000 },
},
gqlFields: `
id
nameSingular
`,
});
jestExpectToBeDefined(objects);
const companyObjectMetadata = objects.find(
(object: { nameSingular: string }) => object.nameSingular === 'company',
);
const personObjectMetadata = objects.find(
(object: { nameSingular: string }) => object.nameSingular === 'person',
);
jestExpectToBeDefined(companyObjectMetadata);
jestExpectToBeDefined(personObjectMetadata);
companyObjectMetadataId = companyObjectMetadata.id;
personObjectMetadataId = personObjectMetadata.id;
});
afterAll(async () => {
await updateFeatureFlag({
featureFlag: FeatureFlagKey.IS_COMMAND_MENU_ITEM_ENABLED,
value: false,
expectToFail: false,
});
});
beforeEach(async () => {
const workflowVersionId = faker.string.uuid();
const { data } = await createCommandMenuItem({
expectToFail: false,
input: {
workflowVersionId,
label: 'Original Label',
icon: 'IconOriginal',
isPinned: false,
availabilityType: CommandMenuItemAvailabilityType.GLOBAL,
},
});
createdCommandMenuItemId = data.createCommandMenuItem.id;
});
afterEach(async () => {
if (createdCommandMenuItemId) {
await deleteCommandMenuItem({
expectToFail: false,
input: { id: createdCommandMenuItemId },
});
createdCommandMenuItemId = undefined as unknown as string;
}
});
it('should update the label', async () => {
const { data } = await updateCommandMenuItem({
expectToFail: false,
input: {
id: createdCommandMenuItemId,
label: 'Updated Label',
},
});
expect(data.updateCommandMenuItem).toMatchObject({
id: createdCommandMenuItemId,
label: 'Updated Label',
});
});
it('should update the icon', async () => {
const { data } = await updateCommandMenuItem({
expectToFail: false,
input: {
id: createdCommandMenuItemId,
icon: 'IconUpdated',
},
});
expect(data.updateCommandMenuItem).toMatchObject({
id: createdCommandMenuItemId,
icon: 'IconUpdated',
});
});
it('should update isPinned', async () => {
const { data } = await updateCommandMenuItem({
expectToFail: false,
input: {
id: createdCommandMenuItemId,
isPinned: true,
},
});
expect(data.updateCommandMenuItem).toMatchObject({
id: createdCommandMenuItemId,
isPinned: true,
});
});
it('should update availabilityType and availabilityObjectMetadataId', async () => {
const { data } = await updateCommandMenuItem({
expectToFail: false,
input: {
id: createdCommandMenuItemId,
availabilityType: CommandMenuItemAvailabilityType.SINGLE_RECORD,
availabilityObjectMetadataId: companyObjectMetadataId,
},
});
expect(data.updateCommandMenuItem).toMatchObject({
id: createdCommandMenuItemId,
availabilityType: CommandMenuItemAvailabilityType.SINGLE_RECORD,
availabilityObjectMetadataId: companyObjectMetadataId,
});
});
it('should update multiple fields at once', async () => {
const { data } = await updateCommandMenuItem({
expectToFail: false,
input: {
id: createdCommandMenuItemId,
label: 'Fully Updated Label',
icon: 'IconNew',
isPinned: true,
availabilityType: CommandMenuItemAvailabilityType.BULK_RECORDS,
availabilityObjectMetadataId: personObjectMetadataId,
},
});
expect(data.updateCommandMenuItem).toMatchObject({
id: createdCommandMenuItemId,
label: 'Fully Updated Label',
icon: 'IconNew',
isPinned: true,
availabilityType: CommandMenuItemAvailabilityType.BULK_RECORDS,
availabilityObjectMetadataId: personObjectMetadataId,
});
});
});