n8n-io/n8n
1
1
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-08-18 01:20:45 +03:00
Code Issues Projects Releases Wiki Activity

fix(editor): Fix read-only mode in inline expression editor (#9232)

Browse Source
This commit is contained in:
Elias Meire 2024-04-26 15:12:06 +02:00 committed by GitHub
parent 0b52320635
commit 99f384e2cf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/editor-ui/src/components/InlineExpressionEditor/InlineExpressionEditorInput.vue
View File

@ -25,14 +25,14 @@ type Props = {
modelValue: string;
path: string;
rows?: number;
isReadonly?: boolean;
isReadOnly?: boolean;
additionalData?: IDataObject;
eventBus?: EventBus;
};
const props = withDefaults(defineProps<Props>(), {
rows: 5,
isReadonly: false,
isReadOnly: false,
additionalData: () => ({}),
eventBus: () => createEventBus(),
});
@ -70,7 +70,7 @@ const {
editorRef: root,
editorValue,
extensions,
isReadOnly: props.isReadonly,
isReadOnly: props.isReadOnly,
autocompleteTelemetry: { enabled: true, parameterPath: props.path },
additionalData: props.additionalData,
});

1
packages/editor-ui/src/components/ParameterOptions.vue
View File

@ -203,6 +203,7 @@ export default defineComponent({
<style lang="scss" module>
.container {
display: flex;
min-height: 22px;
}
.loader {

16
packages/editor-ui/src/components/__tests__/ExpressionParameterInput.test.ts
View File

@ -47,4 +47,20 @@ describe('ExpressionParameterInput', () => {
await userEvent.click(baseElement);
expect(emitted('blur')).toHaveLength(1);
});
describe('in read-only mode', () => {
test('it should render a read-only expression input', async () => {
const { container } = renderComponent({
props: {
modelValue: '={{$json.foo}}',
isReadOnly: true,
},
});
const editor = container.querySelector('.cm-content') as HTMLDivElement;
expect(editor).toBeInTheDocument();
expect(editor.getAttribute('contenteditable')).toEqual('false');
expect(editor.getAttribute('aria-readonly')).toEqual('true');
});
});
});