refactor: 💡 Update name radio option label & set toggle default to on (#2652)

* refactor: 💡 Update name radio option label & default toggle on
This commit is contained in:
Lisbet Alvarez authored and GitHub committed 2025-01-09 15:18:17 -08:00
1 parent 343e1d2193
commit 9eccbb91db
4 files changed
+19 -7

No files matched your search

+1 -1
View File
@@ -156,5 +156,5 @@ worker-filter-generator:
label: Name label: Name
helper: Format a worker name helper: Format a worker name
operator: operator:
matches: matches matches: matches (regex)
contains: contains contains: contains
@@ -32,6 +32,7 @@
<Hds::Separator /> <Hds::Separator />
<Hds::Form::Toggle::Field <Hds::Form::Toggle::Field
checked={{this.showFilterGenerator}}
name='show_filter_generator' name='show_filter_generator'
{{on 'change' this.toggleFilterGenerator}} {{on 'change' this.toggleFilterGenerator}}
as |F| as |F|
@@ -13,7 +13,7 @@ export default class WorkerFilterGeneratorIndexComponent extends Component {
generatorTagType = 'tag'; generatorTagType = 'tag';
generatorNameType = 'name'; generatorNameType = 'name';
operatorOptions = ['==', 'matches', 'contains']; operatorOptions = ['==', 'matches', 'contains'];
@tracked showFilterGenerator; @tracked showFilterGenerator = true;
@tracked selectedGeneratorType = this.generatorTagType; @tracked selectedGeneratorType = this.generatorTagType;
@tracked key = ''; @tracked key = '';
@tracked value = ''; @tracked value = '';
@@ -53,6 +53,10 @@ module(
hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`, hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`,
); );
assert.dom(FILTER_GENERATOR).isVisible();
await click(SHOW_FILTER_GENERATOR);
assert.dom(FILTER_GENERATOR).isNotVisible(); assert.dom(FILTER_GENERATOR).isNotVisible();
await click(SHOW_FILTER_GENERATOR); await click(SHOW_FILTER_GENERATOR);
@@ -65,7 +69,9 @@ module(
await render( await render(
hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`, hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`,
); );
await click(SHOW_FILTER_GENERATOR);
assert.dom(FILTER_GENERATOR).isVisible();
await click(TAG_TYPE_OPTION); await click(TAG_TYPE_OPTION);
assert.dom(TAG_KEY).isVisible(); assert.dom(TAG_KEY).isVisible();
@@ -78,7 +84,9 @@ module(
await render( await render(
hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`, hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`,
); );
await click(SHOW_FILTER_GENERATOR);
assert.dom(FILTER_GENERATOR).isVisible();
await click(TAG_TYPE_OPTION); await click(TAG_TYPE_OPTION);
await fillIn(TAG_KEY, 'key1'); await fillIn(TAG_KEY, 'key1');
await fillIn(TAG_VALUE, 'val1'); await fillIn(TAG_VALUE, 'val1');
@@ -92,7 +100,8 @@ module(
hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`, hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`,
); );
await click(SHOW_FILTER_GENERATOR); assert.dom(FILTER_GENERATOR).isVisible();
await click(NAME_TYPE_OPTION); await click(NAME_TYPE_OPTION);
assert.dom(NAME_OPERATOR).isVisible(); assert.dom(NAME_OPERATOR).isVisible();
@@ -106,7 +115,8 @@ module(
hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`, hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`,
); );
await click(SHOW_FILTER_GENERATOR); assert.dom(FILTER_GENERATOR).isVisible();
await click(NAME_TYPE_OPTION); await click(NAME_TYPE_OPTION);
await fillIn(TAG_VALUE, 'val1'); await fillIn(TAG_VALUE, 'val1');
await select(NAME_OPERATOR, '=='); await select(NAME_OPERATOR, '==');
@@ -120,7 +130,8 @@ module(
hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`, hbs`<WorkerFilterGenerator @name='ingress_worker_filter' @model={{this.model}} />`,
); );
await click(SHOW_FILTER_GENERATOR); assert.dom(FILTER_GENERATOR).isVisible();
await click(NAME_TYPE_OPTION); await click(NAME_TYPE_OPTION);
await fillIn(TAG_VALUE, 'val1'); await fillIn(TAG_VALUE, 'val1');
await select(NAME_OPERATOR, '=='); await select(NAME_OPERATOR, '==');