В моем последнем посте было краткое изложение обновленного эффективного шаблона lit-Elements, который, как ожидается, будет использоваться во всех компонентах. Я создал еще несколько компонентов Ресурса AllergyIntolerance. Тезисы включают:
- fhir-аллергия-клинический статус
- fhir-аллергия-verificationstatus
- fhir-тип аллергии
- fhir-аллергия-категория
- fhir-аллергия-критичность
- fhir-аллергия-начало
- fhir-аллергия-assertdate
- fhir-аллергия-lastoccurenace
- fhir-аллергия-нота
Все они имеют одинаковый обновленный рисунок светящихся элементов и могут быть собраны для создания Allergy Resource.
Еще одним важным компонентом является компонент поиска. Ожидается, что этот компонент будет искать человеческое имя (пациент/врач) или нечеловеческое имя местоположения/организации на основе переданного URL-адреса. Существует два типа стилей, назначенных для поля поиска:
а. Vadin Grid для просмотра сетки
б. Поле со списком Vadin для представления раскрывающегося списка
Любой из них может использоваться разработчиком в зависимости от того, где и как каждый из них подходит. Он использует mwc-textfield для ввода символов для поиска и Vadin-grid для отображения результатов поиска. Вот как это выглядит при поиске имени:
Сетка и поле содержат код, который может выполнять поиск как по человеческому, так и по нечеловеческому имени, что обеспечивает возможность повторного использования этого компонента в зависимости от переданного URL-адреса. Вот как выглядит код:
Компоненты сетки включают имя, идентификатор и активный статус, которые остаются постоянными для любого ресурса. Для сетки Вадина здесь используется версия 5.1.0-alpha2. Дополнительную информацию о том, как использовать сетку Вадина, можно найти на странице https://vaadin.com/components/vaadin-grid.
Модульный тест для этого компонента включал инструмент, который мог имитировать события клавиатуры, когда пользователь вводит текст, и, следовательно, для этого требовалась библиотека JavaScript. Здесь в этом модульном тесте использовался jQuery.autotype (https://github.com/mmonteleone/jquery.autotype). Значение для поля не было установлено, так как они устанавливают значение, отличающееся от событий клавиатуры. В эту библиотеку была внесена небольшая модификация, поскольку эта библиотека не могла отправлять событие ввода для текстового поля mwc, поэтому оно было вручную помещено в файл jquery.autotype.js как видно на снипе ниже:
Модульный тест для сетки поиска проходит как для человеческих, так и для нечеловеческих имен.
Вот как выглядит модульный тест:
В приведенном выше примере ввод был выполнен в текстовом поле mwc-textfield. Два ответа ajax оценивались в двух разных костюмах.
чтобы использовать автотип, импортируйте его на страницу с помощью jQuery и используйте «$(любое поле).autotype(‘слово, которое вы хотите ввести’);
Длина пакета ресурсов сравнивалась для модульного тестирования.
Точно так же мы создали Vadin Combo-box: