測試案例 1: 窄表格(不應該有滾動)
項目 | 數量 | 價格 |
---|---|---|
產品A | 10 | $100 |
產品B | 5 | $200 |
測試案例 2: 寬表格(應該有滾動)
編號 | 產品名稱 | 產品描述 | 類別 | 價格 | 庫存數量 | 供應商 | 建立日期 | 最後更新 | 狀態 | 操作 |
---|---|---|---|---|---|---|---|---|---|---|
001 | 超長產品名稱範例 | 這是一個很長的產品描述文字 | 電子產品 | $1,299 | 50 | ABC供應商有限公司 | 2024-01-15 | 2024-05-24 | 啟用 | 編輯 | 刪除 |
002 | 另一個產品名稱 | 產品描述內容範例 | 家具用品 | $899 | 25 | XYZ貿易公司 | 2024-02-20 | 2024-05-23 | 停用 | 編輯 | 刪除 |
測試案例 3: 已經有 table-responsive 的表格
已存在 | 響應式 | 包裝 | 的表格 |
---|---|---|---|
不應該 | 被重複 | 包裝 | 處理 |
測試案例 4: 被忽略的表格(table-ignore)
這個表格 | 有 table-ignore | 類別 | 應該被忽略 | 不會有滾動檢查 |
---|---|---|---|---|
即使很寬 | 也不會 | 添加 | has-scroll | 類別 |