@qooxdoo/framework/source/class/qx/test/bom/History.js

The JS Framework for Coders

/* ************************************************************************

   qooxdoo - the new era of web development

   http://qooxdoo.org

   Copyright:
     2007-2012 1&1 Internet AG, Germany, http://www.1und1.de

   License:
     MIT: https://opensource.org/licenses/MIT
     See the LICENSE file in the project's top-level directory for details.

   Authors:
     * Daniel Wagner (danielwagner)
     * Mustafa Sak (msak)

************************************************************************ */

qx.Class.define("qx.test.bom.History", {
  extend: qx.dev.unit.TestCase,

  include: [qx.dev.unit.MRequirements],

  members: {
    __history: null,

    hasNoIe() {
      return qx.core.Environment.get("engine.name") !== "mshtml";
    },

    setUp() {
      this.__history = qx.bom.History.getInstance();
    },

    testInstance() {
      var runsInIframe = !(window == window.top);

      if (!this.$$instance) {
        // in iframe + IE9
        if (
          runsInIframe &&
          qx.core.Environment.get("browser.documentmode") == 9
        ) {
          this.assertInstance(this.__history, qx.bom.HashHistory);
        }

        // in iframe + IE<9
        else if (
          runsInIframe &&
          qx.core.Environment.get("engine.name") == "mshtml" &&
          qx.core.Environment.get("browser.documentmode") < 9
        ) {
          this.assertInstance(this.__history, qx.bom.IframeHistory);
        }

        // browser with hashChange event
        else if (qx.core.Environment.get("event.hashchange")) {
          this.assertInstance(this.__history, qx.bom.NativeHistory);
        }

        // IE without hashChange event
        else if (qx.core.Environment.get("engine.name") == "mshtml") {
          this.assertInstance(this.__history, qx.bom.IframeHistory);
        }
      }
    },

    testAddState() {
      this.__history.addToHistory("foo", "Title Foo");

      var self = this;
      window.setTimeout(function () {
        self.resume(function () {
          this.__checkState();
        }, self);
      }, 200);

      this.wait();
    },

    testNavigateBack() {
      this.__history.addToHistory("foo", "Title Foo");
      var self = this;
      window.setTimeout(function () {
        self.resume(function () {
          this.__checkFooAndSetBar();
        }, self);
      }, 200);
      this.wait();
    },

    __checkFooAndSetBar() {
      var self = this;
      this.assertEquals("foo", this.__history._readState(), "check1");
      this.__history.addToHistory("bar", "Title Bar");
      window.setTimeout(function () {
        self.resume(function () {
          this.__checkBarAndGoBack();
        }, self);
      }, 200);
      this.wait();
    },

    __checkBarAndGoBack() {
      var self = this;
      this.assertEquals("bar", this.__history._readState(), "check2");
      history.back();
      window.setTimeout(function () {
        self.resume(function () {
          this.__checkState();
        }, self);
      }, 200);
      this.wait();
    },

    __checkState() {
      this.assertEquals("foo", this.__history._readState(), "check3");
      this.assertEquals("Title Foo", this.__history.getTitle());
    },

    testNavigateBackAfterSetState() {
      this.__history.setState("affe");

      var self = this;
      window.setTimeout(function () {
        self.resume(function () {
          this.__setState_checkAffeAndSetFoo();
        }, self);
      }, 200);
      this.wait();
    },

    __setState_checkAffeAndSetFoo() {
      var self = this;
      this.assertEquals("affe", this.__history._readState(), "check0");
      this.__history.setState("foo");
      window.setTimeout(function () {
        self.resume(function () {
          this.__setState_checkFooAndSetBar();
        }, self);
      }, 200);
      this.wait();
    },

    __setState_checkFooAndSetBar() {
      var self = this;
      this.assertEquals("foo", this.__history._readState(), "check1");
      this.__history.setState("bar");
      window.setTimeout(function () {
        self.resume(function () {
          this.__setState_checkBarAndGoBack();
        }, self);
      }, 300);
      this.wait();
    },

    __setState_checkBarAndGoBack() {
      var self = this;
      this.assertEquals("bar", this.__history._readState(), "check2");
      history.back();
      window.setTimeout(function () {
        self.resume(function () {
          this.assertEquals("foo", this.__history._readState(), "check3");
        }, self);
      }, 200);
      this.wait();
    },

    testRequestEvent() {
      // "request" event just will be fired, if a user goes back or forward in
      // the history
      var self = this;
      this.__history.addListenerOnce("request", () => {
        self.resume(function () {
          // "request" event has been fired
          this.assertTrue(true);
        }, self);
      });

      this.__history.setState("bar");
      history.back();
      this.wait();
    },

    testRequestEventAddHistory() {
      this.__history.addListenerOnce("request", ev => {
        this.resume(function () {
          this.assertEquals("baz", ev.getData());
        }, this);
      });

      var self = this;
      window.setTimeout(function () {
        self.__history.addToHistory("baz");
      }, 250);

      this.wait(500);
    }
  }
});