diff --git a/app/views/problems/show_testcase.html.haml b/app/views/problems/show_testcase.html.haml
new file mode 100644
--- /dev/null
+++ b/app/views/problems/show_testcase.html.haml
@@ -0,0 +1,25 @@
+%h1 Test cases
+%h2= @problem.long_name
+
+/navbar
+%ul.nav.nav-pills{role: :tablist}
+  - @problem.testcases.each.with_index do |tc,id|
+    %li{role: :presentation, class: ('active' if id == 0)}
+      %a{href:"#tc#{tc.id}", role: 'tab', data: {toggle: 'tab'}}= tc.num
+
+/actual data
+.tab-content
+  - @problem.testcases.each.with_index do |tc,id|
+    .tab-pane{id: "tc#{tc.id}",class: ('active' if id == 0)}
+      .row
+        .col-md-6
+          %h3 Input
+          = link_to "Download",download_input_problem_testcase_path(@problem,tc),class: 'btn btn-info btn-sm'
+        .col-md-6
+          %h3 Output
+          = link_to "Download",download_sol_problem_testcase_path(@problem,tc),class: 'btn btn-info btn-sm'
+      .row
+        .col-md-6
+          %textarea{ rows: 25,readonly: true,style: "width:100%;resize=none;overflow-y: scroll;"}= tc.input
+        .col-md-6
+          %textarea{ rows: 25,readonly: true,style: "width:100%;resize=none;overflow-y: scroll;"}= tc.sol