feat: 提交后默认隐藏失败的测试用例

Author: robot

public/manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 2,
   "name": "leetcode cheatsheet",
   "description": "刷题小助手，made by 力扣加加",
-  "version": "0.9.5",
+  "version": "0.10.0",
   "browser_action": {
     "default_popup": "index.html",
     "default_title": "力扣加加"

src/contentScript.js

@@ -12,6 +12,7 @@ import {
   // addStyle,
 } from "./utils";
 import zenAble from "./zen/zenMode";
+import hideFailCases from "./submission/hideFailCases";
 
 // WTF!  ant message didn't go well with chrome extension?
 const message = {
@@ -339,8 +340,7 @@ int main()
   window.open(
     `https://pythontutor.com/visualize.html#code=${encodeURIComponent(
       code
-    )}&cumulative=false&curInstr=0&heapPrimitives=nevernest&mode=display&origin=opt-frontend.js&py=${
-      languageMap[language]
+    )}&cumulative=false&curInstr=0&heapPrimitives=nevernest&mode=display&origin=opt-frontend.js&py=${languageMap[language]
     }&rawInputLstJSON=%5B%5D&textReferences=false`
   );
 }
@@ -349,6 +349,7 @@ function insertButton() {
   const buttons = document.querySelectorAll("button");
   for (var i = 0; i < buttons.length; ++i) {
     if (buttons[i].innerText.includes("执行代码")) {
+
       // const container = document.createElement("div");
 
       // buttons[i].parentElement.prepend(container);
@@ -475,13 +476,33 @@ function insertButton() {
       visDebugButton.onclick = goToVisDebug;
 
       buttons[i].parentElement.prepend(visDebugButton);
-      return true;
+      inserted = true;
+    } else if (buttons[i].innerText.includes("提交")) {
+      const click = buttons[i].onclick
+      buttons[i].onclick = (...args) => {
+        click.call(buttons[i], ...args);
+
+        // try to hide failed test cases
+        let tries = 0;
+        const hideFailCasesJob = setInterval(() => {
+          if (hideFailCases()) {
+            clearInterval(hideFailCasesJob);
+          }
+          // 300 times means 30s
+          if (tries > 300) return;
+          tries++;
+        }, 100)
+      }
+
+
+      submitProxied = true
     }
   }
   return false;
 }
 let inserted = false;
 let retried = 0;
+let submitProxied = false
 const MAX_TRY = 10;
 
 // 去除智能提示
@@ -492,14 +513,14 @@ const MAX_TRY = 10;
 // }
 // `);
 const timerId = setInterval(() => {
-  if (inserted) return clearInterval(timerId);
+  if (inserted && submitProxied) return clearInterval(timerId);
   if (retried > MAX_TRY) {
     clearInterval(timerId);
     return console.error("初始化 chrome 插件 content script 失败");
   }
-  if (insertButton()) {
+  insertButton()
+  if (inserted && submitProxied) {
     window.location.title = "";
-    inserted = true;
     // 可进入禅定模式
     zenAble();
   }
@@ -521,3 +542,32 @@ const timerId = setInterval(() => {
 // document.body.appendChild(app);
 
 // ReactDOM.render(<Main />, app);
+
+
+
+
+// history.pushState = (f => function pushState() {
+//   var ret = f.apply(this, arguments);
+//   window.dispatchEvent(new Event('pushstate'));
+//   window.dispatchEvent(new Event('locationchange'));
+//   return ret;
+// })(history.pushState);
+
+// history.replaceState = (f => function replaceState() {
+//   var ret = f.apply(this, arguments);
+//   window.dispatchEvent(new Event('replacestate'));
+//   window.dispatchEvent(new Event('locationchange'));
+//   return ret;
+// })(history.replaceState);
+
+// window.addEventListener('popstate', () => {
+//   window.dispatchEvent(new Event('locationchange'))
+// });
+
+// window.addEventListener('locationchange', function (e) {
+//   const url = e.target.location.href;
+//   console.log('hideFailCases')
+//   if (url.endsWith("submissions/")) {
+
+//   }
+// })

src/submission/hideFailCases.js

@@ -0,0 +1,50 @@
+
+function hideFailCases() {
+    const submissionDOM = document.querySelector("div[data-key=submissions-content]")
+    const submmisionTabVisible = submissionDOM?.children.length > 0;
+    if (submmisionTabVisible) {
+        const result = submissionDOM.querySelector("div[data-cypress=SubmissionSuccess]")
+        debugger
+        if (!result) {
+            return false
+        }
+        const hasError = result.getAttribute("type") === "error"
+        if (!hasError) return true
+        const input = submissionDOM.children[0].children[0].children[0].children[0].children[2]
+        const output = submissionDOM.children[0].children[0].children[0].children[0].children[3]
+        const expect = submissionDOM.children[0].children[0].children[0].children[0].children[4]
+        input.style.display = "none"
+        output.style.display = "none"
+        expect.style.display = "none"
+        const showFailCases = document.createElement("div");
+        const showFailCasesTip = document.createElement("span")
+        showFailCasesTip.innerText = "请先尝试自己解决，如果实在无法解决再尝试显示失败的测试用例！";
+        showFailCasesTip.style["margin-right"] = "20px";
+        showFailCasesTip.style["line-height"] = "32px";
+
+        const showFailCasesButton = document.createElement("a")
+        showFailCasesButton.innerText = "点击显示失败的测试用例"
+        showFailCasesButton.style["margin-right"] = "20px";
+        showFailCasesButton.style["line-height"] = "32px";
+
+        showFailCasesButton.onclick = () => {
+            input.style.display = "block"
+            output.style.display = "block"
+            expect.style.display = "block"
+
+        };
+
+        showFailCases.appendChild(showFailCasesTip);
+        showFailCases.appendChild(showFailCasesButton);
+
+        submissionDOM.children[0].children[0].children[0].children[0].insertBefore(showFailCases, input)
+        return true
+    }
+    return false
+}
+
+
+
+export default function run() {
+    return hideFailCases();
+}