Javascript (カレンダー019_テスト準備）

2020-12-06 最終更新日時 : 2020-12-08 User01

■一通りできたのでテストしてみる。

前回まででNodeへの移動も一通りできたので、テストをしてみる。今回のプログラムの機能は、メモを登録・更新できること、メモを見れることなので、大きく登録と表示として考えていく。初めに表示で使用するためのSQLを下のように準備した。

DROP TABLE `diarydb`;

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
START TRANSACTION;
SET time_zone = "+00:00";
Set NAMES SJIS;

CREATE TABLE `diarydb` (
  `date` text DEFAULT NULL,
  `title` text NOT NULL,
  `Note` text NOT NULL,
  `number` int(11) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

INSERT INTO `diarydb` (`date`, `title`, `Note`, `number`) VALUES
('2020.12.1', N'タイトル', N'本文', 20201201),
('2020.12.2', '100AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', '800AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA', 20201202),
('2020.12.3', 'Symbols_-1234567890!"#$%&''()=~|`{+*}<>?', 'Symbols_-1234567890!"#$%&''()=~|`{+*}<>?', 20201203),
('2020.12.7', N'５０ああああああああああああああああああああああああああああああああああああああああああああああああ', N'４００あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ', 1111),
('2020.12.12', N'１２３４５６７８９０－＾￥＠「；：」、。・￥！”＃＄％＆’（）＝～｜｛‘＋＊｝＿？＞＜', N'１２３４５６７８９０－＾￥＠「；：」、。・￥！”＃＄％＆’（）＝～｜｛‘＋＊｝＿？＞＜', 2222),
('2020.12.16', N'2020年12月16日', N'今日は晴れましたが、明日は天気が悪くなりそうです。', 3333),
('2020.12.23', '', '', 4444),
('2020.12.25', '　　　', '　　　　　', 5555);
COMMIT;

MysqlとApacheを起動し、「http://127.0.0.1/phpmyadmin/」へアクセスしてSQLを実行、確認したところ、下の図のように登録された。2020.12.25のスペースにしていた部分は文字化けしているが、登録はだいたいできているので、これを使っていく。



試験項目として考えたのが、下のもの。大きく起動（１～４）、表示（５～12、19）、登録（13～18）、他のブラウザ（20、21）としている。

１．Mysqlを実行する。コマンドプロンプトで”node index.js”と入力し、Enterキーを押す。ブラウザ（Google Chrome）のURLにlocalhost:8888と入力する。
２．Mysqlを実行する。コマンドプロンプトで”node index.js”と入力し、Enterキーを押す。ブラウザのURLにlocalhost:8888/startと入力する。
３．Mysqlを実行する。コマンドプロンプトで”node index.js”と入力し、Enterキーを押す。ブラウザのURLにlocalhost:8888/start2と入力する。
４．Mysqlを実行していない。コマンドプロンプトで”node index.js”と入力し、Enterキーを押す。ブラウザのURLにlocalhost:8888と入力する。
５．カレンダーの緑色の日付をクリックする（2020.12.1）。
６．カレンダーの緑色の日付をクリックする（2020.12.2, 800文字）。
７．カレンダーの緑色の日付をクリックする（2020.12.3, 特殊文字）。
８．カレンダーの緑色の日付をクリックする（2020.12.7, 全角400文字）。
９．カレンダーの緑色の日付をクリックする（2020.12.12, 特殊文字全角）。
10．カレンダーの緑色の日付をクリックする（2020.12.23, データが空）。
11．カレンダーの緑色の日付をクリックする（2020.12.23, データがスペースのみ）。
12．カレンダーの緑色でない日付をクリックする。
13．テキストエリアに「タイトル入力」、「本文入力」と入力し、Saveボタンを押下する。
14．テキストエリアに「Title input」、「Note input」と入力し、Saveボタンを押下する。
15．テキストエリアに「」、「タイトルが空」と入力し、Saveボタンを押下する。
16．テキストエリアに「本文が空」、「」と入力し、Saveボタンを押下する。
17．テキストエリアに「」、「」と入力し、Saveボタンを押下する。
18．テキストエリアに「ああああ#|||#いいいい」、「本文」と入力し、Saveボタンを押下した後、日付をクリックする。
19．テキストエリアに「タイトル入力」、「本文入力」と入力した後、カレンダーの緑色の日付をクリックする（2020.12.1）。
20．Internet Explorerで表示、登録ができる。
21．Microsoft Edgeで表示、登録ができる。

試験項目とデータの準備は整ったので、実際にテストをしてみる。
テスト対象としたプログラムが下のもの。

Calender_non-testダウンロード
カテゴリー
Javascript
前の記事
Javascript (カレンダー018_Nodeへ移す8(サーバ側からの返信_続き))
2020-11-28
次の記事
Javascript (カレンダー020_テスト結果）
2020-12-08