orbit/apps/wallet/src/components/external-canisters/CanisterConfigureMethodCallForm.spec.ts at 92a243d760e818306ac8d2a39a5004514e8d24ac · dfinity/orbit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import { Principal } from '@icp-sdk/core/principal';
import { describe, expect, it } from 'vitest';
import { mount } from '~/test.utils';
import CanisterConfigureMethodCallForm from './CanisterConfigureMethodCallForm.vue';

describe('CanisterConfigureMethodCallForm', () => {
  it('renders form with method_name filled', () => {
    const form = mount(CanisterConfigureMethodCallForm, {
      props: {
        modelValue: {
          methodName: 'test',
          canisterId: Principal.anonymous(),
          alreadyConfiguredMethods: [],
          permission: {
            auth_scope: { Restricted: null },
            user_groups: [],
            users: [],
          },
          requestPolicies: [],
        },
      },
    });

    const methodNameInput = form.find('[name="method_name"]');

    expect(methodNameInput.exists()).toBe(true);
    expect(methodNameInput.element.getAttribute('value')).toBe('test');
  });

  it('renders form with option to add advanced validation', async () => {
    const canisterId = Principal.fromText('r7inp-6aaaa-aaaaa-aaabq-cai');
    const form = mount(CanisterConfigureMethodCallForm, {
      props: {
        modelValue: {
          methodName: 'test',
          canisterId,
          alreadyConfiguredMethods: [],
          permission: {
            auth_scope: { Restricted: null },
            user_groups: [],
            users: [],
          },
          requestPolicies: [],
        },
      },
    });

    await form.find('button.v-expansion-panel-title').trigger('click');

    const addAdvancedValidationBtn = form.find('[data-test-id="add-advanced-validation"]');
    const removeAdvancedValidationBtn = form.find('[data-test-id="remove-advanced-validation"]');

    expect(addAdvancedValidationBtn.exists()).toBe(true);
    expect(removeAdvancedValidationBtn.exists()).toBe(false);
  });

  it('renders form with option to remove advanced validation', async () => {
    const canisterId = Principal.fromText('r7inp-6aaaa-aaaaa-aaabq-cai');
    const form = mount(CanisterConfigureMethodCallForm, {
      props: {
        modelValue: {
          methodName: 'test',
          canisterId,
          alreadyConfiguredMethods: [],
          permission: {
            auth_scope: { Restricted: null },
            user_groups: [],
            users: [],
          },
          requestPolicies: [],
          validationMethodName: 'validate_test',
          validationCanisterId: canisterId,
        },
      },
    });

    await form.find('button.v-expansion-panel-title').trigger('click');

    const addAdvancedValidationBtn = form.find('[data-test-id="add-advanced-validation"]');
    const removeAdvancedValidationBtn = form.find('[data-test-id="remove-advanced-validation"]');

    expect(addAdvancedValidationBtn.exists()).toBe(false);
    expect(removeAdvancedValidationBtn.exists()).toBe(true);
  });
});