jwetzell/showbridge-webui
1
0
Fork 0
mirror of https://github.com/jwetzell/showbridge-webui.git synced 2026-09-04 21:09:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

formatting

Browse Source
This commit is contained in:
Joel Wetzell
2026-04-05 18:09:47 -05:00
parent 10ff26e48c
commit e66195d702
24 changed files with 248 additions and 258 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/params-form/params-form.spec.ts
+83 -83
View File
@@ -1,95 +1,95 @@
import { ComponentFixture, TestBed } from '@angular/core/testing'
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ParamsFormComponent } from './params-form';
import { SchemaService } from '../../services/schema';
import { SomeJSONSchema } from 'ajv/dist/types/json-schema';
describe('ParamsForm', ()=>{
let component: ParamsFormComponent;
let fixture: ComponentFixture<ParamsFormComponent>;
describe('ParamsForm', () => {
let component: ParamsFormComponent;
let fixture: ComponentFixture<ParamsFormComponent>;
beforeEach(async ()=>{
fixture = TestBed.createComponent(ParamsFormComponent);
component = fixture.componentInstance;
await fixture.whenStable();
})
beforeEach(async () => {
fixture = TestBed.createComponent(ParamsFormComponent);
component = fixture.componentInstance;
await fixture.whenStable();
});
it('should create', ()=>{
expect(component).toBeTruthy();
})
it('should create', () => {
expect(component).toBeTruthy();
});
it('should create form for schema', async ()=>{
const paramsSchema: SomeJSONSchema = {
type: "object",
properties: {},
required: []
}
fixture.componentRef.setInput('paramsSchema', paramsSchema)
await fixture.whenStable()
expect(fixture.nativeElement.querySelector('form')).toBeTruthy()
})
it('should create form for schema', async () => {
const paramsSchema: SomeJSONSchema = {
type: 'object',
properties: {},
required: [],
};
fixture.componentRef.setInput('paramsSchema', paramsSchema);
await fixture.whenStable();
expect(fixture.nativeElement.querySelector('form')).toBeTruthy();
});
it('form should have input for string property', async ()=>{
const paramsSchema: SomeJSONSchema = {
type: "object",
properties: {
"test": {
type: "string",
}
},
required: []
}
fixture.componentRef.setInput('paramsSchema', paramsSchema)
await fixture.whenStable()
const formEl = fixture.nativeElement.querySelector('form')
expect(formEl).toBeDefined()
const inputEl = formEl.querySelector('input')
expect(inputEl).toBeDefined()
})
it('form should have input for string property', async () => {
const paramsSchema: SomeJSONSchema = {
type: 'object',
properties: {
test: {
type: 'string',
},
},
required: [],
};
fixture.componentRef.setInput('paramsSchema', paramsSchema);
await fixture.whenStable();
const formEl = fixture.nativeElement.querySelector('form');
expect(formEl).toBeDefined();
const inputEl = formEl.querySelector('input');
expect(inputEl).toBeDefined();
});
it('form should have select for string enum property', async ()=>{
const paramsSchema: SomeJSONSchema = {
type: "object",
properties: {
"test": {
type: "string",
enum: ['one','two','three']
}
},
required: []
}
fixture.componentRef.setInput('paramsSchema', paramsSchema)
await fixture.whenStable()
const formEl = fixture.nativeElement.querySelector('form')
expect(formEl).toBeDefined()
const selectEl = formEl.querySelector('select')
expect(selectEl).toBeDefined()
})
it('form should have select for string enum property', async () => {
const paramsSchema: SomeJSONSchema = {
type: 'object',
properties: {
test: {
type: 'string',
enum: ['one', 'two', 'three'],
},
},
required: [],
};
fixture.componentRef.setInput('paramsSchema', paramsSchema);
await fixture.whenStable();
const formEl = fixture.nativeElement.querySelector('form');
expect(formEl).toBeDefined();
const selectEl = formEl.querySelector('select');
expect(selectEl).toBeDefined();
});
it('form input should reflect data', async ()=>{
const paramsSchema: SomeJSONSchema = {
type: "object",
properties: {
"test": {
type: "string",
}
},
required: []
}
it('form input should reflect data', async () => {
const paramsSchema: SomeJSONSchema = {
type: 'object',
properties: {
test: {
type: 'string',
},
},
required: [],
};
fixture.componentRef.setInput('paramsSchema', paramsSchema)
await fixture.whenStable()
fixture.componentRef.setInput('data', {
test: 'hello'
})
await fixture.whenStable()
const inputEl = fixture.nativeElement.querySelector('input')
expect(inputEl).toBeDefined()
expect(inputEl.value).toBe('hello')
fixture.componentRef.setInput('paramsSchema', paramsSchema);
await fixture.whenStable();
fixture.componentRef.setInput('data', {
test: 'hello',
});
await fixture.whenStable();
const inputEl = fixture.nativeElement.querySelector('input');
expect(inputEl).toBeDefined();
expect(inputEl.value).toBe('hello');
fixture.componentRef.setInput('data', {
test: 'changed'
})
await fixture.whenStable()
expect(inputEl.value).toBe('changed')
})
})
fixture.componentRef.setInput('data', {
test: 'changed',
});
await fixture.whenStable();
expect(inputEl.value).toBe('changed');
});
});
src/app/components/params-form/params-form.ts
+1 -7
View File
@@ -1,11 +1,5 @@
import { JsonPipe } from '@angular/common';
import {
Component,
effect,
input,
OnDestroy,
output
} from '@angular/core';
import { Component, effect, input, OnDestroy, output } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatIconModule } from '@angular/material/icon';