数値入力ユニットテスト
  • 04 Nov 2023
  • 1 読む分
  • 寄稿者

数値入力ユニットテスト


Article Summary

数値入力ユニットテスト

このアプリケーションは、Number Inputカスタムウィジェットプラグインのセットアップと使用方法について説明します。

目的

Number Input Unit Testの目的は、ユーザーがTulipアプリケーションでNumber Inputカスタムウィジェットプラグインをセットアップして使用する方法を学び、理解することです。カスタムウィジェットプラグインは、Tulipプラットフォームの上に配置され、現在のメインプラットフォームにはない追加機能を提供するコード化されたウィジェットです。数値入力カスタムウィジェットプラグインは、標準の数値入力を拡張するもので、Tulip UI標準に従って、ラベル、ヘルパーテキスト、最小値、最大値、単位を設定できます。このカスタムウィジェットの主な利点は、ラベルとヘルパーテキストを別々のウィジェットではなく、同じウィジェット内に統合できることです。

セットアップ

カスタムウィジェット・プラグインは、プロパティとイベントを使用してアプリケーションと相互作用します。プロパティはアプリケーションとウィジェットの間に存在する共有データで、イベントはウィジェットがアプリケーションに送信できるシグナルです。アプリエディタでは、これらのイベントに基づいてトリガーを作成できます。イベントは、アプリケーションにデータを送信することもできます。

Number Input Custom Widget Pluginは、10個のプロパティと0個のイベントを使用します。このウィジェットで使用されているプロパティは次のとおりです:

  • DATASOURCE'はNumber型で、格納したい変数またはテーブル・レコード・フィールドに接続する必要があります。
  • LABEL'タイプはText - ラベルとして表示したいテキストを入力する。変数やテーブルレコードのような動的データソースに接続することができます。
  • 'HELPERTEXT' - Type Text - ラベルの下に表示されるテキストを入力します。
  • 'LABELCOLOR' のタイプは Color - ラベルの色を設定します。
  • 'TEXTCOLOR' has type Color - 入力されている数値の色を設定します。
  • 'LABELFONTSIZE' - Integer型 - ラベルのフォントサイズを設定します。
  • 'INPUTFONTSIZE' type Integer - 数値の入力フォントサイズを設定します。
  • MIN' type Number - この入力を受け付ける最小値。この値はmax属性の値以下でなければなりません。
  • 'MAX'(数値型) - この入力を受け付ける最大値。この値は min 属性の値以上でなければならない。
  • 'UNIT' type text - 測定単位とみなされるテキストを入力できます。

どのように動作するか

このアプリケーションでは、Number Input Custom Widget Pluginがどのようにセットアップされ構成されるかを確認するために、サンプル・ステップで上記のすべてのプロパティを定義するよう求められます。すべてのプロパティを定義すると、左下の更新でウィジェットの例が表示されます。

データ検証も組み込まれており、最小値から最大値の範囲外の数値を入力すると、入力が無効であることを示すテキストが表示され、入力ボックスが赤くハイライトされます。

アプリケーションの概要ビデオ


この記事は役に立ちましたか?