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

// Tests that the inspect command works as it should

const TEST_URI = "http://example.com/browser/devtools/client/commandline/" +
                 "test/browser_cmd_pagemod_export.html";

function test() {
  return Task.spawn(spawnTest).then(finish, helpers.handleError);
}

function* spawnTest() {
  let options = yield helpers.openTab(TEST_URI);
  yield helpers.openToolbar(options);

  const documentElement = options.document.documentElement;
  const initialHtml = documentElement.innerHTML;
  function resetContent() {
    options.document.documentElement.innerHTML = initialHtml;
  }

  // Test exporting HTML
  let oldOpen = options.window.open;
  let openURL = "";
  options.window.open = function (url) {
    // The URL is a data: URL that contains the document source
    openURL = decodeURIComponent(url);
  };

  yield helpers.audit(options, [
    {
      setup:    "export html",
      skipIf: true,
      check: {
        input:  "export html",
        hints:             " [destination]",
        markup: "VVVVVVVVVVV",
        status: "VALID",
      },
      exec: {
        output: ""
      },
      post: function () {
        isnot(openURL.indexOf('<html lang="en">'), -1, "export html works: <html>");
        isnot(openURL.indexOf("<title>GCLI"), -1, "export html works: <title>");
        isnot(openURL.indexOf('<p id="someid">#'), -1, "export html works: <p>");
      }
    },
    {
      setup:    "export html stdout",
      check: {
        input:  "export html stdout",
        hints:                    "",
        markup: "VVVVVVVVVVVVVVVVVV",
        status: "VALID",
        args: {
          destination: { value: "stdout" }
        },
      },
      exec: {
        output: [
          /<html lang="en">/,
          /<title>GCLI/,
          /<p id="someid">#/
        ]
      }
    }
  ]);

  options.window.open = oldOpen;
  oldOpen = undefined;

  // Test 'pagemod replace'
  yield helpers.audit(options, [
    {
      setup: "pagemod replace",
      check: {
        input:  "pagemod replace",
        hints:                 " <search> <replace> [ignoreCase] [selector] [root] [attrOnly] [contentOnly] [attributes]",
        markup: "VVVVVVVVVVVVVVV",
        status: "ERROR"
      }
    },
    {
      setup: "pagemod replace some foo",
      check: {
        input:  "pagemod replace some foo",
        hints:                          " [ignoreCase] [selector] [root] [attrOnly] [contentOnly] [attributes]",
        markup: "VVVVVVVVVVVVVVVVVVVVVVVV",
        status: "VALID"
      }
    },
    {
      setup: "pagemod replace some foo true",
      check: {
        input:  "pagemod replace some foo true",
        hints:                               " [selector] [root] [attrOnly] [contentOnly] [attributes]",
        markup: "VVVVVVVVVVVVVVVVVVVVVVVVVVVVV",
        status: "VALID"
      }
    },
    {
      setup: "pagemod replace some foo true --attrOnly",
      check: {
        input:  "pagemod replace some foo true --attrOnly",
        hints:                                          " [selector] [root] [contentOnly] [attributes]",
        markup: "VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV",
        status: "VALID"
      }
    },
    {
      setup: "pagemod replace sOme foOBar",
      exec: {
        output: /^[^:]+: 13\. [^:]+: 0\. [^:]+: 0\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML, initialHtml, "no change in the page");
      }
    },
    {
      setup: "pagemod replace sOme foOBar true",
      exec: {
        output: /^[^:]+: 13\. [^:]+: 2\. [^:]+: 2\.\s*$/
      },
      post: function () {
        let html = documentElement.innerHTML;

        isnot(html.indexOf('<p class="foOBarclass">.foOBarclass'), -1,
              ".someclass changed to .foOBarclass");
        isnot(html.indexOf('<p id="foOBarid">#foOBarid'), -1,
              "#someid changed to #foOBarid");

        resetContent();
      }
    },
    {
      setup: "pagemod replace some foobar --contentOnly",
      exec: {
        output: /^[^:]+: 13\. [^:]+: 2\. [^:]+: 0\.\s*$/
      },
      post: function () {
        let html = documentElement.innerHTML;

        isnot(html.indexOf('<p class="someclass">.foobarclass'), -1,
              ".someclass changed to .foobarclass (content only)");
        isnot(html.indexOf('<p id="someid">#foobarid'), -1,
              "#someid changed to #foobarid (content only)");

        resetContent();
      }
    },
    {
      setup: "pagemod replace some foobar --attrOnly",
      exec: {
        output: /^[^:]+: 13\. [^:]+: 0\. [^:]+: 2\.\s*$/
      },
      post: function () {
        let html = documentElement.innerHTML;

        isnot(html.indexOf('<p class="foobarclass">.someclass'), -1,
              ".someclass changed to .foobarclass (attr only)");
        isnot(html.indexOf('<p id="foobarid">#someid'), -1,
              "#someid changed to #foobarid (attr only)");

        resetContent();
      }
    },
    {
      setup: "pagemod replace some foobar --root head",
      exec: {
        output: /^[^:]+: 2\. [^:]+: 0\. [^:]+: 0\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML, initialHtml, "nothing changed");
      }
    },
    {
      setup: "pagemod replace some foobar --selector .someclass,div,span",
      exec: {
        output: /^[^:]+: 4\. [^:]+: 1\. [^:]+: 1\.\s*$/
      },
      post: function () {
        let html = documentElement.innerHTML;

        isnot(html.indexOf('<p class="foobarclass">.foobarclass'), -1,
              ".someclass changed to .foobarclass");
        isnot(html.indexOf('<p id="someid">#someid'), -1,
              "#someid did not change");

        resetContent();
      }
    },
  ]);

  // Test 'pagemod remove element'
  yield helpers.audit(options, [
    {
      setup: "pagemod remove",
      check: {
        input:  "pagemod remove",
        hints:                " attribute",
        markup: "IIIIIIIVIIIIII",
        status: "ERROR"
      },
    },
    {
      setup: "pagemod remove element",
      check: {
        input:  "pagemod remove element",
        hints:                        " <search> [root] [stripOnly] [ifEmptyOnly]",
        markup: "VVVVVVVVVVVVVVVVVVVVVV",
        status: "ERROR"
      },
    },
    {
      setup: "pagemod remove element foo",
      check: {
        input:  "pagemod remove element foo",
        hints:                            " [root] [stripOnly] [ifEmptyOnly]",
        markup: "VVVVVVVVVVVVVVVVVVVVVVVVVV",
        status: "VALID"
      },
    },
    {
      setup: "pagemod remove element p",
      exec: {
        output: /^[^:]+: 3\. [^:]+: 3\.\s*$/
      },
      post: function () {
        let html = documentElement.innerHTML;

        is(html.indexOf('<p class="someclass">'), -1, "p.someclass removed");
        is(html.indexOf('<p id="someid">'), -1, "p#someid removed");
        is(html.indexOf("<p><strong>"), -1, "<p> wrapping <strong> removed");
        isnot(html.indexOf("<span>"), -1, "<span> not removed");

        resetContent();
      }
    },
    {
      setup: "pagemod remove element p head",
      exec: {
        output: /^[^:]+: 0\. [^:]+: 0\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML, initialHtml, "nothing changed in the page");
      }
    },
    {
      setup: "pagemod remove element p --ifEmptyOnly",
      exec: {
        output: /^[^:]+: 3\. [^:]+: 0\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML, initialHtml, "nothing changed in the page");
      }
    },
    {
      setup: "pagemod remove element meta,title --ifEmptyOnly",
      exec: {
        output: /^[^:]+: 2\. [^:]+: 1\.\s*$/
      },
      post: function () {
        let html = documentElement.innerHTML;

        is(html.indexOf("<meta charset="), -1, "<meta> removed");
        isnot(html.indexOf("<title>"), -1, "<title> not removed");

        resetContent();
      }
    },
    {
      setup: "pagemod remove element p --stripOnly",
      exec: {
        output: /^[^:]+: 3\. [^:]+: 3\.\s*$/
      },
      post: function () {
        let html = documentElement.innerHTML;

        is(html.indexOf('<p class="someclass">'), -1, "p.someclass removed");
        is(html.indexOf('<p id="someid">'), -1, "p#someid removed");
        is(html.indexOf("<p><strong>"), -1, "<p> wrapping <strong> removed");
        isnot(html.indexOf(".someclass"), -1, ".someclass still exists");
        isnot(html.indexOf("#someid"), -1, "#someid still exists");
        isnot(html.indexOf("<strong>p"), -1, "<strong> still exists");

        resetContent();
      }
    },
  ]);

  // Test 'pagemod remove attribute'
  yield helpers.audit(options, [
    {
      setup: "pagemod remove attribute",
      check: {
        input:  "pagemod remove attribute",
        hints:                          " <searchAttributes> <searchElements> [root] [ignoreCase]",
        markup: "VVVVVVVVVVVVVVVVVVVVVVVV",
        status: "ERROR",
        args: {
          searchAttributes: { value: undefined, status: "INCOMPLETE" },
          searchElements: { value: undefined, status: "INCOMPLETE" },
          // root: { value: undefined }, // 'root' is a node which is remote
                                         // so we can't see the value in tests
          ignoreCase: { value: false },
        }
      },
    },
    {
      setup: "pagemod remove attribute foo bar",
      check: {
        input:  "pagemod remove attribute foo bar",
        hints:                                  " [root] [ignoreCase]",
        markup: "VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV",
        status: "VALID",
        args: {
          searchAttributes: { value: "foo" },
          searchElements: { value: "bar" },
          // root: { value: undefined }, // 'root' is a node which is remote
                                         // so we can't see the value in tests
          ignoreCase: { value: false },
        }
      },
      post: function () {
        return new Promise(resolve => {
          executeSoon(resolve);
        });
      }
    },
    {
      setup: "pagemod remove attribute foo bar",
      exec: {
        output: /^[^:]+: 0\. [^:]+: 0\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML, initialHtml, "nothing changed in the page");
      }
    },
    {
      setup: "pagemod remove attribute foo p",
      exec: {
        output: /^[^:]+: 3\. [^:]+: 0\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML, initialHtml, "nothing changed in the page");
      }
    },
    {
      setup: "pagemod remove attribute id p,span",
      exec: {
        output: /^[^:]+: 5\. [^:]+: 1\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML.indexOf('<p id="someid">#someid'), -1,
           "p#someid attribute removed");
        isnot(documentElement.innerHTML.indexOf("<p>#someid"), -1,
           "p with someid content still exists");

        resetContent();
      }
    },
    {
      setup: "pagemod remove attribute Class p",
      exec: {
        output: /^[^:]+: 3\. [^:]+: 0\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML, initialHtml, "nothing changed in the page");
      }
    },
    {
      setup: "pagemod remove attribute Class p --ignoreCase",
      exec: {
        output: /^[^:]+: 3\. [^:]+: 1\.\s*$/
      },
      post: function () {
        is(documentElement.innerHTML.indexOf('<p class="someclass">.someclass'), -1,
           "p.someclass attribute removed");
        isnot(documentElement.innerHTML.indexOf("<p>.someclass"), -1,
           "p with someclass content still exists");

        resetContent();
      }
    },
  ]);

  // Shutdown
  yield helpers.closeToolbar(options);
  yield helpers.closeTab(options);
}
