vault/ui/tests/integration/components/transform-advanced-templating-test.js
Vault Automation b057aac746
[VAULT-43339] 1/2 Chore update TS (#13050) (#13105)
* Initial ts updgrade

* Migrate linked-block to ts to squash ts errors

* [VAULT-43339] 2/2 Update vault-reporting and add ember-intl (#13062)

* Update vault-reporting and add ember-intl

* Add setupIntl for rendering tests

Co-authored-by: Jim Wright <jim.wright@hashicorp.com>
2026-03-17 15:52:40 -07:00

48 lines
2.0 KiB
JavaScript

/**
* Copyright IBM Corp. 2016, 2025
* SPDX-License-Identifier: BUSL-1.1
*/
import { module, test } from 'qunit';
import { setupRenderingTest } from 'vault/tests/helpers';
import { click, fillIn, render, triggerEvent } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';
module('Integration | Component | transform-advanced-templating', function (hooks) {
setupRenderingTest(hooks);
test('it should render', async function (assert) {
this.model = {
pattern: '(\\d{3})-(\\d{2})-(?<last>\\d{5})',
encodeFormat: null,
decodeFormats: {},
};
await render(hbs`<TransformAdvancedTemplating @model={{this.model}} />`);
assert.dom('.box').doesNotExist('Form is hidden when not toggled');
await click('[data-test-toggle-advanced]');
await fillIn('[data-test-input="regex-test-val"]', '123-45-67890');
[
['$1', '123'],
['$2', '45'],
['$3', '67890'],
['$last', '67890'],
].forEach(([p, v]) => {
assert.dom(`[data-test-regex-group-position="${p}"]`).hasText(`${p}`, `Capture group ${p} renders`);
assert.dom(`[data-test-regex-group-value="${p}"]`).hasText(v, `Capture group value ${v} renders`);
});
// need to simulate InputEvent
await triggerEvent('[data-test-encode-format] input', 'input', { data: '$' });
const options = this.element.querySelectorAll('.autocomplete-input-option');
['$1: 123', '$2: 45', '$3: 67890', '$last: 67890'].forEach((val, index) => {
assert.dom(options[index]).hasText(val, 'Autocomplete option renders');
});
assert.dom('[data-test-kv-object-editor]').exists('KvObjectEditor renders for decode formats');
assert.dom('[data-test-decode-format]').exists('AutocompleteInput renders for decode format value');
await fillIn('[data-test-kv-key]', 'last');
await fillIn('[data-test-decode-format] input', '$last');
assert.deepEqual(this.model.decodeFormats, { last: '$last' }, 'Decode formats updates correctly');
});
});