2.1　實驗#1：oricity網站圖片上傳Tooltip顯示錯

缺陷標題　oricity網站“我的城市空間”下“圖片上傳”的Tooltip顯示不正確。

測試平臺與瀏覽器　Windows 7+Firefox 24.0或IE 9或Chrome 32.0。

測試步驟

（1）打開oricity網站http://www.oricity.com/。

（2）登錄，單擊“××的城市空間”。

（3）展開“我的相冊”，將鼠標懸停在“圖片上傳”上。

（4）查看Tooltip結果

期望結果　Tooltip描述正確。

實際結果　Tooltip描述與“圖片上傳”功能不符，顯示為“我的好友的分組”，如圖2-1所示。

專家點評

---

Tooltip提示應用于當用戶不知道某項的具體功能時，將鼠標指向該項會給出提示信息。同時，美國對網站的設計也有一個標準，就是支持殘疾人（比如盲人）也能正常訪問網頁，那么這個時候Tooltip上的文字就能通過讀屏軟件讀出來。一般要求所有的圖片和表格標題框等要加Tooltip，以方便使用。

軟件測試工程師在測試網頁Tooltip時需要關注以下兩點。

（1）Tooltip顯示的文字與實際是否一致。本例中就不一致，此時容易導致誤解。

（2）Tooltip上面的文字是否只能在IE上顯示而在Firefox或Chrome瀏覽器上不顯示。

對于第一個問題，主要原因是開發工程師粗心，輸入錯誤，或復制粘貼位置錯誤；對于第二個問題，主要原因是開發工程師對網頁中圖片等提示信息在各個瀏覽器上的不同缺少意識。例如，img src=＂img/leaf520.png＂alt=＂點擊返回言若金葉主站＂/，這段HTML代碼中關于圖片的Tooltip用的是alt，這種代碼只對IE有效，而在Firefox或Chrome上不顯示。如果想所有瀏覽器都顯示，應該寫為img src=＂img/leaf520.png＂title=＂單擊返回言若金葉主站＂/，也就是說alt的Tooltip只有IE內核才能顯示，而title的Tooltip在所有瀏覽器中都能顯示。