tor-browser

browser_jsonview_numbers.js (7028B)

---

/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

add_task(async function () {
 await addJsonViewTab(
   `data:application/json,{
     "small": 12,
     "negzero": -0,
     "big": 1516340399466235648,
     "precise": 3.141592653589793238462643383279,
     "exp": 1e2
   }`.replaceAll("\n", "") // ensure equality with actually loaded URI
 );

 await SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => {
   const rows = content.document.querySelectorAll(
     ".jsonPanelBox .treeTable .treeRow"
   );
   is(rows.length, 5, "There is 5 properties");

   rows.forEach((row, i) => {
     ok(
       !row.querySelector(".theme-twisty"),
       `item #${i} doesn't have an expand button`
     );
   });

   info("Checking that regular numbers aren't rendered with JsonNumber");
   is(
     rows[0].querySelector(".treeLabel").textContent,
     "small",
     "Got expected first item"
   );
   const smallValueEl = rows[0].querySelector(".objectBox-number");
   is(smallValueEl.textContent, "12", "First item has expected text");
   ok(
     !smallValueEl.classList.contains("objectBox-json-number") &&
       !smallValueEl.querySelector(".source-value"),
     "Regular number does not get the lossy class"
   );

   info("Checking that negative numbers aren't rendered with JsonNumber");
   is(
     rows[1].querySelector(".treeLabel").textContent,
     "negzero",
     "Got expected second item"
   );
   const negZeroValueEl = rows[1].querySelector(".objectBox-number");
   is(negZeroValueEl.textContent, "-0", "-0 has expected text");
   ok(
     !negZeroValueEl.classList.contains("objectBox-json-number"),
     "-0 does not get the lossy class"
   );

   info("Checkt numbers bigger than Number.MAX_SAFE_INTEGER");
   is(
     rows[2].querySelector(".treeLabel").textContent,
     "big",
     "Got expected third item"
   );
   const bigValueEl = rows[2].querySelector(".objectBox-number");
   ok(
     bigValueEl.classList.contains("objectBox-json-number"),
     "Big number get the lossy class"
   );
   is(
     bigValueEl.querySelector(".source-value").textContent,
     "1516340399466235648",
     "Big number has expected source text"
   );
   is(
     bigValueEl.querySelector(".parsed-value").textContent,
     "JS:1516340399466235600",
     "Big number has expected parsed value text"
   );
   ok(
     bigValueEl.querySelector(".parsed-value").getAttribute("title"),
     "Big number parsed value label has a title attribute"
   );

   info("Check numbers with higher precision than what's possible in JS");
   is(
     rows[3].querySelector(".treeLabel").textContent,
     "precise",
     "Got expected fourth item"
   );
   const preciseValueEl = rows[3].querySelector(".objectBox-number");
   ok(
     preciseValueEl.classList.contains("objectBox-json-number"),
     "High precision number get the lossy class"
   );
   is(
     preciseValueEl.querySelector(".source-value").textContent,
     "3.141592653589793238462643383279",
     "High precision number has expected source text"
   );
   is(
     preciseValueEl.querySelector(".parsed-value").textContent,
     "JS:3.141592653589793",
     "High precision number has expected parsed value text"
   );
   ok(
     preciseValueEl.querySelector(".parsed-value").getAttribute("title"),
     "High precision number parsed value label has a title attribute"
   );

   info("Checking that exponential numbers source is displayed");
   is(
     rows[4].querySelector(".treeLabel").textContent,
     "exp",
     "Got expected fourth item"
   );
   const expValueEl = rows[4].querySelector(".objectBox-number");
   ok(
     expValueEl.classList.contains("objectBox-json-number"),
     "Exponential number get the lossy class"
   );
   is(
     expValueEl.querySelector(".source-value").textContent,
     "1e2",
     "Exponential number has expected source text"
   );
   is(
     expValueEl.querySelector(".parsed-value").textContent,
     "JS:100",
     "Exponential number has expected parsed value text"
   );
   ok(
     expValueEl.querySelector(".parsed-value").getAttribute("title"),
     "Exponential number parsed value label has a title attribute"
   );
 });

 info("Select the RawData tab");
 await selectJsonViewContentTab("rawdata");

 const text = await getElementText(".textPanelBox .data");
 is(
   text,
   `{
     "small": 12,
     "negzero": -0,
     "big": 1516340399466235648,
     "precise": 3.141592653589793238462643383279,
     "exp": 1e2
   }`.replaceAll("\n", ""),
   "Proper JSON must be displayed in DOM"
 );

 info("Click 'Pretty Print' button");
 await BrowserTestUtils.synthesizeMouseAtCenter(
   ".textPanelBox .toolbar button.prettyprint",
   {},
   gBrowser.selectedBrowser
 );

 let prettyText = await getElementText(".textPanelBox .data");
 prettyText = normalizeNewLines(prettyText);
 is(
   prettyText,
   `{
 "small": 12,
 "negzero": -0,
 "big": 1516340399466235648,
 "precise": 3.141592653589793238462643383279,
 "exp": 1e2
}`,
   "Pretty printed JSON must be displayed"
 );
});

add_task(async function testBigNumberNotNested() {
 await addJsonViewTab(`data:application/json,9999999999999999`);

 await SpecialPowers.spawn(gBrowser.selectedBrowser, [], () => {
   const values = content.document.querySelectorAll(
     ".jsonPanelBox .jsonPrimitiveValue"
   );
   is(values.length, 1, "There is 1 JSON primitive value");

   ok(
     !values[0].querySelector(".theme-twisty"),
     `top level big number doesn't have an expand button`
   );

   info("Check a root number bigger than Number.MAX_SAFE_INTEGER");
   const rootBigNumberValueEl = values[0].querySelector(".objectBox-number");
   ok(
     rootBigNumberValueEl.classList.contains("objectBox-json-number"),
     "Big number get the lossy class"
   );
   is(
     rootBigNumberValueEl.querySelector(".source-value").textContent,
     "9999999999999999",
     "Big number has expected source text"
   );
   is(
     rootBigNumberValueEl.querySelector(".parsed-value").textContent,
     "JS:10000000000000000",
     "Big number has expected parsed value text"
   );
   ok(
     rootBigNumberValueEl.querySelector(".parsed-value").getAttribute("title"),
     "Big number parsed value label has a title attribute"
   );
 });

 info("Select the RawData tab");
 await selectJsonViewContentTab("rawdata");

 const text = await getElementText(".textPanelBox .data");
 is(text, "9999999999999999", "Proper JSON must be displayed in DOM");

 info("Click 'Pretty Print' button");
 await BrowserTestUtils.synthesizeMouseAtCenter(
   ".textPanelBox .toolbar button.prettyprint",
   {},
   gBrowser.selectedBrowser
 );

 let prettyText = await getElementText(".textPanelBox .data");
 prettyText = normalizeNewLines(prettyText);
 is(prettyText, "9999999999999999", "Pretty printed JSON must be displayed");
});