\chapter{การทดสอบระบบ}
การทดสอบการทำงานของเว็บไซต์ โดยทำการทดสอบในลักษณะ Black-box Testing \cite{blackbox} หรือ Data-Driven testing ซึ่งเป็นการทดสอบแบบที่ไม่สนใจกระบวนการทำงานภายใน (Process) การทำงานภายในของโปรแกรมว่าทำงานอย่างไร แต่จะเน้นไปที่ Input และ Result ที่ได้มากกว่าว่าการทำงานต่าง ๆ ถูกต้องตามความต้องการ (Requirements) หรือไม่ ซึ่งการทดสอบการใช้งานเว็บแอปพลิเคชัน ได้ผลดังนี้


\section{การทดสอบการใช้งานเว็บแอปพลิเคชัน}
	\subsection{การทดสอบการทำงานของผู้ใช้งาน}
	\begin{itemize} 
	\item{การทดสอบหน้าหลัก}
	ในการแสดงผลหน้าจอหน้าหลักนั้นจะประกอบไปด้วย การเข้าสู่ระบบ การลงทะเบียน การค้นหา การดูรายละเอียดร้าน และการจองคิว  ผลการทดสอบดังตารางที่ \ref{tab:Home}
	\begin{table}[H]
		\caption{ผลการทดสอบหน้าหลัก}
		\centering	
		\label{tab:Home}
		\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
			\hline
			% {\setstretch{1.0} } 
			{\multicolumn{1}{c}{\centering การทำงาน}}  & 
			{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
			\setstretch{1.0}{หน้าหลัก} 
			& \setstretch{1.0}{กดปุ่มLogin}
			& \setstretch{1.0}{ระบบแสดงผลหน้าจอเข้าสู่ระบบ} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มRegister} 
			& \setstretch{1.0}{ระบบแสดงผลหน้าจอลงทะเบียน} \\ \cline{2-3} 
			& \setstretch{1.0}{ปุ่มค้นหา} 
			& \setstretch{1.0}{กรอกข้อมูลและกดปุ่มค้นหา ระบบจะแสดงร้านที่ผู้ใช้ค้นหา} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มจองคิว} 
			& \setstretch{1.0}{ระบบแสดง model เพื่อให้ผู้ใช้ทำการจอจองคิว} \\ \cline{2-3} 
			& \setstretch{1.0}{กดที่รูปภาพ} 
			& \setstretch{1.0}{ระบบแสดงผลหน้าจอรายละเอียดร้าน} \\ \hline
		\end{tabular}
	\end{table}
	
	\newpage
	\item{การทดสอบหน้ารายละเอียดร้าน}					ในการแสดงผลหน้าจอรายละเอียดร้านนั้นจะประกอบไปด้วย โปรไฟล์ ข้อมูลร้าน รายการ ข้อมูลช่าง ดูการจองคิว เพิ่มรูปภาพ  ผลการทดสอบดังตารางที่ \ref{tab:shop}
	\begin{table}[H]
		\caption{ผลการการทดสอบหน้ารายละเอียดร้าน}
		\centering	
		\label{tab:shop}
		\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
			\hline
			% {\setstretch{1.0} } 
			{\multicolumn{1}{c}{\centering การทำงาน}}  & 
			{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
			\setstretch{1.0}{หน้าจอรายละเอียดร้าน} 
			& \setstretch{1.0}{กดปุ่มรายการ}
			& \setstretch{1.0}{ระบบแสดง model เพื่อให้ผู้ใช้งานดูรายการร้าน} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มจองคิว} 
			& \setstretch{1.0}{ระบบแสดง model เพื่อให้ผู้ใช้งานทำการจองคิว} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มแผนที่} 
			& \setstretch{1.0}{ระบบแสดงแผ่นที่ขนาดใหญ่} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่ม facebook} 
			& \setstretch{1.0}{ระบบแสดงหน้า facebook ของร้าน} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มเขียนรีวิว} 
			& \setstretch{1.0}{ระบบแสดง model เพื่อให้ผู้ใช้ทำการเขียนรีวิว} \\ \hline 
		
		\end{tabular}
	\end{table}
\end{itemize}
		\subsection{การทดสอบการทำงานของเจ้าของร้าน}
	\begin{itemize} 
		\item{การทดสอบโปรไฟล์}
		ในการแสดงผลหน้าจอโปรไฟล์นั้นจะประกอบไปด้วย การเพิ่มรูปภาพ การแก้ไขข้อมูล  ผลการทดสอบดังตารางที่ \ref{tab:Profile}
		\begin{table}[H]
			\caption{ผลการทดสอบโปรไฟล์}
			\centering	
			\label{tab:Profile}
			\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
				\hline
				% {\setstretch{1.0} } 
				{\multicolumn{1}{c}{\centering การทำงาน}}  & 
				{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
				\setstretch{1.0}{โปรไฟล์} 
				& \setstretch{1.0}{กดปุ่มเพิ่มรูปภาพ}
				& \setstretch{1.0}{ระบบ model เพื่อให้เจ้าของร้านเพิ่มรูปภาพโปรไฟล์} \\ \cline{2-3} 
				& \setstretch{1.0}{กดปุ่มแก้ไขรูปภาพ}
				& \setstretch{1.0}{ระบบ model เพื่อให้เจ้าของร้านแก้ไขรูปภาพโปรไฟล์} \\ \cline{2-3}
				& \setstretch{1.0}{กดปุ่มแก้ไข} 
				& \setstretch{1.0}{ระบบจะทำการแก้ไขข้อมูล} \\ \hline
			\end{tabular}
		\end{table}
		
	\newpage
		\item{การทดสอบหน้าข้อมูลร้าน}					ในการแสดงผลหน้าจอข้อมูลร้านนั้นจะประกอบไปด้วย การเพิ่มรูปภาพ การแก้ไขรูปภาพ การเพิ่มข้อมูล การแก้ไขข้อมูล  ผลการทดสอบดังตารางที่ \ref{tab:Datashop}
		\begin{table}[H]
			\caption{ผลการการทดสอบหน้าข้อมูลร้าน}
			\centering	
			\label{tab:Datashop}
			\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
				\hline
				% {\setstretch{1.0} } 
				{\multicolumn{1}{c}{\centering การทำงาน}}  & 
				{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
				\setstretch{1.0}{หน้าจอข้อมูลร้าน} 
			& \setstretch{1.0}{กดปุ่มเพิ่มรูปภาพ}
			& \setstretch{1.0}{ระบบ model เพื่อให้เจ้าของร้านเพิ่มรูปภาพข้อมูลร้าน} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มแก้ไขรูปภาพ}
			& \setstretch{1.0}{ระบบ model เพื่อให้เจ้าของร้านแก้ไขรูปภาพข้อมูลร้าน} \\ \cline{2-3}
			& \setstretch{1.0}{ปุ่มยกเลิก}
			& \setstretch{1.0}{ระบบจะทำการยกเลิกการเพิ่มข้อมูล} \\ \cline{2-3}
				& \setstretch{1.0}{ยืนยัน}
			& \setstretch{1.0}{ระบบจะทำการยืนยันการเพิ่มข้อมูล} \\ \cline{2-3}
			& \setstretch{1.0}{กดปุ่มแก้ไข} 
			& \setstretch{1.0}{ระบบจะทำการแก้ไขข้อมูล} \\ \hline
				
			\end{tabular}
		\end{table}
	
		\item{การทดสอบหน้ารายการ}					ในการแสดงผลหน้าจอรายการนั้นจะประกอบไปด้วย การเพิ่มรายการ การค้นหารายการ การแก้ไขรายการ การลบรายการ ผลการทดสอบดังตารางที่ \ref{tab:List}
	\begin{table}[H]
		\caption{ผลการการทดสอบหน้ารายการ}
		\centering	
		\label{tab:List}
		\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
			\hline
			% {\setstretch{1.0} } 
			{\multicolumn{1}{c}{\centering การทำงาน}}  & 
			{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
			\setstretch{1.0}{หน้าจอรายการ} 
			& \setstretch{1.0}{กดปุ่มบวก}
			& \setstretch{1.0}{ระบบแสดงช่องให้เพิ่มรายการ} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มแก้ไข} 
			& \setstretch{1.0}{ระบบแสดงช่องแก้ไขรายการ} \\ \cline{2-3}
			& \setstretch{1.0}{กดปุ่มค้นหา} 
			& \setstretch{1.0}{ระบบแสดงผลการค้นหารายการ} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มลบ} 
			& \setstretch{1.0}{ระบบแสดงการลบรายการ} \\ \hline
		\end{tabular}
	\end{table}
	\newpage
		\item{การทดสอบหน้าข้อมูลช่าง}					ในการแสดงผลหน้าจอข้อมูลช่างนั้นจะประกอบไปด้วย การเพิ่มข้อมูลช่าง การค้นหาข้อมูลช่าง การลบข้อมูลช่าง ผลการทดสอบดังตารางที่ \ref{tab:bue}
\begin{table}[H]
	\caption{ผลการการทดสอบหน้าข้อมูลช่าง}
	\centering	
	\label{tab:bue}
	\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
		\hline
		% {\setstretch{1.0} } 
		{\multicolumn{1}{c}{\centering การทำงาน}}  & 
		{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
		\setstretch{1.0}{หน้าจอข้อมูลช่าง} 
		& \setstretch{1.0}{กดปุ่มบวก}
		& \setstretch{1.0}{ระบบแสดงช่องให้เพิ่มข้อมูลช่าง} \\ \cline{2-3} 
		& \setstretch{1.0}{กดปุ่มค้นหา} 
		& \setstretch{1.0}{ระบบแสดงผลการค้นหข้อมูลช่าง} \\ \cline{2-3} 
		& \setstretch{1.0}{กดปุ่มลบ} 
		& \setstretch{1.0}{ระบบแสดงการลบข้อมูลช่าง} \\ \hline
	\end{tabular}
\end{table}

	\item{การทดสอบหน้าดูคิวจอง}					ในการแสดงผลหน้าจอดูคิวจองนั้นจะประกอบไปด้วย การเลือกวันที่  ผลการทดสอบดังตารางที่ \ref{tab:qely}
\begin{table}[H]
	\caption{ผลการการทดสอบหน้าดูคิวจอง}
	\centering	
	\label{tab:qely}
	\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
		\hline
		% {\setstretch{1.0} } 
		{\multicolumn{1}{c}{\centering การทำงาน}}  & 
		{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
		\setstretch{1.0}{หน้าจอดูคิวจอง} 
		& \setstretch{1.0}{กดเลือกวันที่}
		& \setstretch{1.0}{ระบบแสดงข้อมูลการจองคิวตามวันที่ที่เลือก}  
	\\ \hline
	\end{tabular}
\end{table}
	\item{การทดสอบหน้าเพิ่มรูปภาพร้าน}					ในการแสดงผลหน้าจอเพิ่มรูปภาพร้านนั้นจะประกอบไปด้วย การเพิ่มรูปภาพร้าน การลบรูปภาพร้าน ผลการทดสอบดังตารางที่ \ref{tab:Shoppic}
\begin{table}[H]
	\caption{ผลการการทดสอบหน้าเพิ่มรูปภาพร้าน}
	\centering	
	\label{tab:Shoppic}
	\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
		\hline
		% {\setstretch{1.0} } 
		{\multicolumn{1}{c}{\centering การทำงาน}}  & 
		{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
		\setstretch{1.0}{หน้าจอเพิ่มรูปภาพร้าน} 
		& \setstretch{1.0}{กดปุ่มบวก}
		& \setstretch{1.0}{ระบบแสดง model เพื่อให้เจ้าของร้านเพิ่มรูปภาพ} \\ \cline{2-3} 
	
		& \setstretch{1.0}{กดปุ่มลบ} 
		& \setstretch{1.0}{ระบบแสดงการลบรูปภาพ} \\ \hline
	\end{tabular}
\end{table}

\end{itemize}
\newpage
\subsection{การทดสอบการทำงานของช่าง}
\begin{itemize} 
	\item{การทดสอบโปรไฟล์}
	ในการแสดงผลหน้าจอโปรไฟล์นั้นจะประกอบไปด้วย การเพิ่มรูปภาพ การแก้ไขข้อมูล  ผลการทดสอบดังตารางที่ \ref{tab:BProfile}
	\begin{table}[H]
		\caption{ผลการทดสอบโปรไฟล์}
		\centering	
		\label{tab:BProfile}
		\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
			\hline
			% {\setstretch{1.0} } 
			{\multicolumn{1}{c}{\centering การทำงาน}}  & 
			{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
			\setstretch{1.0}{โปรไฟล์} 
			& \setstretch{1.0}{กดปุ่มเพิ่มรูปภาพ}
			& \setstretch{1.0}{ระบบ model เพื่อให้ช่างเพิ่มรูปภาพโปรไฟล์} \\ \cline{2-3} 
			& \setstretch{1.0}{กดปุ่มแก้ไขรูปภาพ}
			& \setstretch{1.0}{ระบบ model เพื่อให้ช่างแก้ไขรูปภาพโปรไฟล์} \\ \cline{2-3}
			& \setstretch{1.0}{กดปุ่มแก้ไข} 
			& \setstretch{1.0}{ระบบจะทำการแก้ไขข้อมูล} \\ \hline
		\end{tabular}
	\end{table}
	
	\item{การทดสอบหน้าตารางงาน}					ในการแสดงผลหน้าจอตารางงานนั้นจะประกอบไปด้วย การเลือกวันที่  ผลการทดสอบดังตารางที่ \ref{tab:work}
	\begin{table}[H]
		\caption{ผลการการทดสอบหน้าตารางงาน}
		\centering	
		\label{tab:work}
		\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
			\hline
			% {\setstretch{1.0} } 
			{\multicolumn{1}{c}{\centering การทำงาน}}  & 
			{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
			\setstretch{1.0}{หน้าจอตารางงาน} 
			& \setstretch{1.0}{กดเลือกวันที่}
			& \setstretch{1.0}{ระบบแสดงข้อมูลการจองคิวตามวันที่ที่เลือก}  
			\\ \hline
		\end{tabular}
	\end{table}
	\item{การทดสอบหน้าเพิ่มรูปภาพผลงานช่าง}					ในการแสดงผลหน้าจอเพิ่มรูปภาพผลงานช่างร้านนั้นจะประกอบไปด้วย การเพิ่มรูปภาพร้าน การลบรูปภาพร้าน ผลการทดสอบดังตารางที่ \ref{tab:Bpic}
	\begin{table}[H]
		\caption{ผลการการทดสอบหน้าเพิ่มรูปภาพผลงานช่าง}
		\centering	
		\label{tab:Bpic}
		\begin{tabular}{ | p{4.5cm} | p{4.5cm} | p{4.5cm} | }
			\hline
			% {\setstretch{1.0} } 
			{\multicolumn{1}{c}{\centering การทำงาน}}  & 
			{\multicolumn{1}{c}{\centering เงื่อนไขการทดสอบ}} & {\multicolumn{1}{c}{\centering ผลการทดสอบ}} \\ \hline
			\setstretch{1.0}{หน้าจอเพิ่มรูปภาพผลงานช่าง} 
			& \setstretch{1.0}{กดปุ่มบวก}
			& \setstretch{1.0}{ระบบแสดง model เพื่อให้ช่างเพิ่มรูปภาพ} \\ \cline{2-3} 
			
			& \setstretch{1.0}{กดปุ่มลบ} 
			& \setstretch{1.0}{ระบบแสดงการลบรูปภาพ} \\ \hline
		\end{tabular}
	\end{table}
\end{itemize}
