5c2a08de6d
* Update browserslist * Add browserslistrc * ember-cli-update --to 3.26, fix conflicts * Run codemodes that start with ember-* * More codemods - before cp* * More codemods (curly data-test-*) * WIP ember-basic-dropdown template errors * updates ember-basic-dropdown and related deps to fix build issues * updates basic dropdown instances to new version API * updates more deps -- ember-template-lint is working again * runs no-implicit-this codemod * creates and runs no-quoteless-attributes codemod * runs angle brackets codemod * updates lint:hbs globs to only touch hbs files * removes yield only templates * creates and runs deprecated args transform * supresses lint error for invokeAction on LinkTo component * resolves remaining ambiguous path lint errors * resolves simple-unless lint errors * adds warnings for deprecated tagName arg on LinkTo components * adds warnings for remaining curly component invocation * updates global template lint rules * resolves remaining template lint errors * disables some ember specfic lint rules that target pre octane patterns * js lint fix run * resolves remaining js lint errors * fixes test run * adds npm-run-all dep * fixes test attribute issues * fixes console acceptance tests * fixes tests * adds yield only wizard/tutorial-active template * fixes more tests * attempts to fix more flaky tests * removes commented out settled in transit test * updates deprecations workflow and adds initializer to filter by version * updates flaky policies acl old test * updates to flaky transit test * bumps ember deps down to LTS version * runs linters after main merge * fixes client count tests after bad merge conflict fixes * fixes client count history test * more updates to lint config * another round of hbs lint fixes after extending stylistic rule * updates lint-staged commands * removes indent eslint rule since it seems to break things * fixes bad attribute in transform-edit-form template * test fixes * fixes enterprise tests * adds changelog * removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters * flaky test fix Co-authored-by: hashishaw <cshaw@hashicorp.com>
61 lines
2.4 KiB
JavaScript
61 lines
2.4 KiB
JavaScript
import EmberObject from '@ember/object';
|
|
import sinon from 'sinon';
|
|
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render, click, fillIn } from '@ember/test-helpers';
|
|
import { hbs } from 'ember-cli-htmlbars';
|
|
|
|
module('Integration | Component | regex-validator', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('it renders input and validation messages', async function (assert) {
|
|
let attr = EmberObject.create({
|
|
name: 'example',
|
|
});
|
|
let spy = sinon.spy();
|
|
this.set('onChange', spy);
|
|
this.set('attr', attr);
|
|
this.set('value', '(\\d{4})');
|
|
this.set('labelString', 'Regex Example');
|
|
|
|
await render(
|
|
hbs`<RegexValidator
|
|
@onChange={{onChange}}
|
|
@attr={{attr}}
|
|
@value={{value}}
|
|
@labelString={{labelString}}
|
|
/>`
|
|
);
|
|
assert.dom('.regex-label label').hasText('Regex Example', 'Label is correct');
|
|
assert.dom('[data-test-toggle-input="example-validation-toggle"]').exists('Validation toggle exists');
|
|
assert.dom('[data-test-regex-validator-test-string]').doesNotExist('Test string input does not show');
|
|
|
|
await click('[data-test-toggle-input="example-validation-toggle"]');
|
|
assert.dom('[data-test-regex-validator-test-string]').exists('Test string input shows after toggle');
|
|
assert
|
|
.dom('[data-test-regex-validation-message]')
|
|
.doesNotExist('Validation message does not show if test string is empty');
|
|
|
|
await fillIn('[data-test-input="example-testval"]', '123a');
|
|
assert.dom('[data-test-regex-validation-message]').exists('Validation message shows after input filled');
|
|
assert
|
|
.dom('[data-test-inline-error-message]')
|
|
.hasText("Your regex doesn't match the subject string", 'Shows error when regex does not match string');
|
|
|
|
await fillIn('[data-test-input="example-testval"]', '1234');
|
|
assert
|
|
.dom('[data-test-inline-success-message]')
|
|
.hasText('Your regex matches the subject string', 'Shows success when regex matches');
|
|
|
|
await fillIn('[data-test-input="example-testval"]', '12345');
|
|
assert
|
|
.dom('[data-test-inline-error-message]')
|
|
.hasText(
|
|
"Your regex doesn't match the subject string",
|
|
"Shows error if regex doesn't match complete string"
|
|
);
|
|
await fillIn('[data-test-input="example"]', '(\\d{5})');
|
|
assert.ok(spy.calledOnce, 'Calls the passed onChange function when main input is changed');
|
|
});
|
|
});
|