Use L10N for unit test (#3007)

* Use L10N for unit tests

* Fix testcases

Author: irfanhudda

src/components/SecondaryPanes/Frames/tests/__snapshots__/Frames.js.snap

@@ -1307,7 +1307,7 @@ ShallowWrapper {
     <div
         className="pane-info empty"
     >
-        callStack.notPaused
+        Not Paused
     </div>
 </div>,
   "nodes": Array [
@@ -1317,7 +1317,7 @@ ShallowWrapper {
       <div
             className="pane-info empty"
       >
-            callStack.notPaused
+            Not Paused
       </div>
 </div>,
   ],
@@ -1382,7 +1382,7 @@ ShallowWrapper {
           <div
                     className="pane-info empty"
           >
-                    callStack.notPaused
+                    Not Paused
           </div>
 </div>,
         "_debugID": 2,
@@ -1392,7 +1392,7 @@ ShallowWrapper {
           <div
                     className="pane-info empty"
           >
-                    callStack.notPaused
+                    Not Paused
           </div>
 </div>,
       },
@@ -1568,7 +1568,7 @@ ShallowWrapper {
         className="show-more"
         onClick={[Function]}
     >
-        callStack.expand
+        Expand Rows
     </div>
 </div>,
   "nodes": Array [
@@ -1714,7 +1714,7 @@ ShallowWrapper {
             className="show-more"
             onClick={[Function]}
       >
-            callStack.expand
+            Expand Rows
       </div>
 </div>,
   ],
@@ -1973,7 +1973,7 @@ ShallowWrapper {
                     className="show-more"
                     onClick={[Function]}
           >
-                    callStack.expand
+                    Expand Rows
           </div>
 </div>,
         "_debugID": 6,
@@ -2119,7 +2119,7 @@ ShallowWrapper {
                     className="show-more"
                     onClick={[Function]}
           >
-                    callStack.expand
+                    Expand Rows
           </div>
 </div>,
       },

src/components/tests/__snapshots__/WhyPaused.js.snap

@@ -12,7 +12,7 @@ ShallowWrapper {
     className="pane why-paused"
 >
     <div>
-        whyPaused.breakpoint
+        Paused on breakpoint
     </div>
     <div
         className="message"
@@ -25,7 +25,7 @@ ShallowWrapper {
       className="pane why-paused"
 >
       <div>
-            whyPaused.breakpoint
+            Paused on breakpoint
       </div>
       <div
             className="message"
@@ -88,7 +88,7 @@ ShallowWrapper {
           className="pane why-paused"
 >
           <div>
-                    whyPaused.breakpoint
+                    Paused on breakpoint
           </div>
           <div
                     className="message"
@@ -101,7 +101,7 @@ ShallowWrapper {
           className="pane why-paused"
 >
           <div>
-                    whyPaused.breakpoint
+                    Paused on breakpoint
           </div>
           <div
                     className="message"
@@ -145,7 +145,7 @@ ShallowWrapper {
     className="pane why-paused"
 >
     <div>
-        whyPaused.exception
+        Paused on exception
     </div>
     <div
         className="message"
@@ -158,7 +158,7 @@ ShallowWrapper {
       className="pane why-paused"
 >
       <div>
-            whyPaused.exception
+            Paused on exception
       </div>
       <div
             className="message"
@@ -233,7 +233,7 @@ ShallowWrapper {
           className="pane why-paused"
 >
           <div>
-                    whyPaused.exception
+                    Paused on exception
           </div>
           <div
                     className="message"
@@ -246,7 +246,7 @@ ShallowWrapper {
           className="pane why-paused"
 >
           <div>
-                    whyPaused.exception
+                    Paused on exception
           </div>
           <div
                     className="message"
@@ -296,7 +296,7 @@ ShallowWrapper {
     className="pane why-paused"
 >
     <div>
-        whyPaused.exception
+        Paused on exception
     </div>
     <div
         className="message"
@@ -309,7 +309,7 @@ ShallowWrapper {
       className="pane why-paused"
 >
       <div>
-            whyPaused.exception
+            Paused on exception
       </div>
       <div
             className="message"
@@ -372,7 +372,7 @@ ShallowWrapper {
           className="pane why-paused"
 >
           <div>
-                    whyPaused.exception
+                    Paused on exception
           </div>
           <div
                     className="message"
@@ -385,7 +385,7 @@ ShallowWrapper {
           className="pane why-paused"
 >
           <div>
-                    whyPaused.exception
+                    Paused on exception
           </div>
           <div
                     className="message"

src/test/tests-setup.js

@@ -1,9 +1,9 @@
 global.Worker = require("workerjs");
-global.L10N = { getStr: value => value };
 
 const path = require("path");
 const getConfig = require("../../bin/getConfig");
 const { setConfig } = require("devtools-config");
+const { readFileSync } = require("fs");
 
 const rootPath = path.join(__dirname, "../../");
 
@@ -20,4 +20,8 @@ const config = Object.assign({}, envConfig, {
 });
 
 global.DebuggerConfig = config;
+
+global.L10N = require("devtools-launchpad").L10N;
+global.L10N.setBundle(readFileSync("./assets/panel/debugger.properties"));
+
 setConfig(config);