Delete old cypress files

cypress/integration/01_setup/01-system-setup-signup.spec.js

@@ -0,0 +1,165 @@
+describe("Typemill Setup with Signup", function () {
+  before(function () {
+    // reset users and settings
+    cy.task("resetSetup");
+  });
+
+  it("validates form input", function () {
+    // visit setup form
+    cy.visit("/setup");
+    //      cy.visit('/setup',{ onBeforeLoad: (_contentWindow) => { Object.defineProperty(navigator, 'language', { value: 'fr-FR' }) } })
+    cy.url().should("include", "/setup");
+
+    // add data and check attributes
+    cy.get('input[name="username"]')
+      .type("?1")
+      .should("have.value", "?1")
+      .and("have.attr", "required");
+
+    cy.get('input[name="email"]')
+      .type("trendschau.net")
+      .should("have.value", "trendschau.net")
+      .and("have.attr", "required");
+
+    cy.get('input[name="password"]')
+      .type("pass")
+      .should("have.value", "pass")
+      .and("have.attr", "required");
+
+    // submit and get validation errors
+    cy.get("form").submit();
+    cy.get("#flash-message").should(
+      "contain",
+      "Please check your input and try again"
+    );
+    cy.get(".error").should("contain", "invalid characters");
+    cy.get(".error").should("contain", "e-mail is invalid");
+    cy.get(".error").should("contain", "Length between 5 - 20");
+  });
+
+  /*
+    it('fails without CSRF-token', function ()
+    {
+      cy.request({
+        method: 'POST',
+        url: '/setup', // baseUrl is prepended to url
+        form: true, // indicates the body should be form urlencoded and sets Content-Type: application/x-www-form-urlencoded headers
+        failOnStatusCode: false,
+        body: {
+          username: 'trendschau', 
+          email: 'trendschau@gmail.com', 
+          password: 'password'
+        }
+      })
+        .its('body')
+        .should('include', 'The form has a timeout')
+    })
+*/
+  it("fails without CSRF-token", function () {
+    cy.visit("/setup");
+
+    // enter correct data
+    cy.get('input[name="username"]').clear().type("trendschau");
+    cy.get('input[name="email"]').clear().type("trendschau@gmail.com");
+    cy.get('input[name="password"]').clear().type("password");
+    cy.get("#csrf_value").then((elem) => {
+      elem.val("wrongvalue");
+    });
+
+    // submit and get validation errors
+    cy.get("form").submit();
+    cy.get("#flash-message").should("contain", "form has a timeout");
+  });
+
+  it("submits valid form data and visit welcome and settings page", function () {
+    cy.visit("/setup");
+
+    // enter correct data
+    cy.get('input[name="username"]').clear().type("trendschau");
+    cy.get('input[name="email"]').clear().type("trendschau@gmail.com");
+    cy.get('input[name="password"]').clear().type("password");
+
+    // submits valid form
+    cy.get("form").submit();
+    cy.url().should("include", "/welcome");
+    cy.getCookie("typemill-session").should("exist");
+    Cypress.Cookies.preserveOnce("typemill-session");
+
+    // clicks link on welcome page to settings page
+    //      cy.get('.button').should('contain', 'Configure your website')
+    cy.get(".button").click();
+    cy.url().should("include", "/tm/settings");
+  });
+
+  it("creates default settings data", function () {
+    cy.get('input[name="settings[title]"]')
+      .should("have.value", "TYPEMILL")
+      .and("have.attr", "required");
+    cy.get('input[name="settings[author]"]');
+    cy.get('select[name="settings[copyright]"]');
+    cy.get('input[name="settings[year]"]').should("have.attr", "required");
+    cy.get('select[name="settings[language]"]');
+    //      cy.get('select[name="settings[langattr]"]')
+    cy.get('input[name="settings[sitemap]"]')
+      .should("have.value", `${Cypress.config().baseUrl}/cache/sitemap.xml`)
+      .and("have.attr", "readonly");
+    cy.get('input[name="settings[logo]"]');
+    cy.get('input[name="settings[deletelogo]"]');
+    cy.get('input[name="settings[favicon]"]');
+    cy.get('input[name="settings[deletefav]"]');
+    cy.get('input[name="settings[headlineanchors]"]');
+    cy.get('input[name="settings[editor]"]');
+
+    cy.get('select[name="settings[language]"]')
+      .select("en")
+      .should("have.value", "en");
+
+    cy.get("form").submit();
+    cy.get("#flash-message").should("contain", "Settings are stored");
+
+    Cypress.Cookies.preserveOnce("typemill-session");
+  });
+
+  it("creates default user data", function () {
+    cy.visit("/tm/user/trendschau");
+    cy.url().should("include", "/tm/user/trendschau");
+    cy.get('input[name="user[username]"]').should("have.value", "trendschau");
+    cy.get('input[name="user[firstname]"]')
+      .clear()
+      .type("Sebastian")
+      .should("have.value", "Sebastian");
+    cy.get('input[name="user[lastname]"]')
+      .clear()
+      .type("Schürmanns")
+      .should("have.value", "Schürmanns");
+    cy.get('input[name="user[email]"]').should(
+      "have.value",
+      "trendschau@gmail.com"
+    );
+    cy.get('select[name="user[userrole]"]').should(
+      "have.value",
+      "administrator"
+    );
+    cy.get('input[name="user[password]"]').should("have.value", "");
+    cy.get('input[name="user[newpassword]"]').should("have.value", "");
+
+    cy.get("#userform").submit();
+    cy.get("#flash-message").should("contain", "Saved all changes");
+  });
+
+  it("logouts out", function () {
+    // visits logout link
+    cy.visit("/tm/logout");
+    cy.url().should("include", "/tm/login");
+
+    // tries to open setup form again and gets redirected to login
+    cy.visit("/setup");
+    cy.url().should("include", "/login");
+  });
+
+  it("redirects when tries to setup again", function () {
+    // tries to open setup form again and gets redirected to login
+    cy.visit("/setup");
+    cy.url().should("include", "/login");
+  });
+});

cypress/integration/01_setup/02-initial-frontend.spec.js

@@ -0,0 +1,155 @@
+describe("Typemill Initial Frontend", function () {
+  before(function () {
+    cy.task("prepopulateSetup");
+  });
+  it("has startpage with navigation", function () {
+    /* visit homepage */
+    cy.visit("/");
+
+    /* has startpage with headline */
+    cy.get("h1").contains("Typemill");
+
+    /* has start and setup button */
+    cy.get("nav")
+      .find("a")
+      .should(($a) => {
+        expect($a).to.have.length(11);
+        expect($a[0].href).to.match(/welcome/);
+        expect($a[1].href).to.match(/welcome\/setup-your-website/);
+        expect($a[2].href).to.match(/welcome\/manage-access/);
+        expect($a[3].href).to.match(/welcome\/write-content/);
+        expect($a[4].href).to.match(/welcome\/get-help/);
+        expect($a[5].href).to.match(/welcome\/markdown-test/);
+        expect($a[6].href).to.match(/cyanine-theme/);
+        expect($a[7].href).to.match(/cyanine-theme\/landingpage/);
+        expect($a[8].href).to.match(/cyanine-theme\/colors-and-fonts/);
+        expect($a[9].href).to.match(/cyanine-theme\/footer/);
+        expect($a[10].href).to.match(/cyanine-theme\/content-elements/);
+      });
+  });
+
+  it("has error page", function () {
+    cy.request({
+      url: "/error",
+      failOnStatusCode: false,
+    }).then((resp) => {
+      /* should return 404 not found */
+      expect(resp.status).to.eq(404);
+    });
+
+    cy.visit("/error", { failOnStatusCode: false });
+    cy.url().should("include", "/error");
+
+    cy.get("h1").contains("Not Found");
+  });
+
+  it("has no access to cache files", function () {
+    cy.request({
+      url: "/cache/structure.txt",
+      failOnStatusCode: false,
+    }).then((resp) => {
+      // redirect status code is 302
+      expect(resp.status).to.eq(403);
+    });
+  });
+
+  it("has no access to dashboard", function () {
+    cy.visit("/tm/settings");
+    cy.url().should("include", "/tm/login");
+  });
+
+  it("has proper markdown test page", function () {
+    cy.visit("/welcome/markdown-test");
+    cy.url().should("include", "/welcome/markdown-test");
+
+    /* has navigation element */
+    cy.get("nav").should("exist");
+
+    /* check if toc exists */
+    cy.get(".TOC").within(($toc) => {
+      /* check if a certain link in toc exists */
+      cy.get("a").eq(2).should("have.attr", "href", "#h-headlines");
+    });
+
+    /* check if corresponding anchor exists */
+    cy.get("#h-headlines").should("exist");
+
+    /* soft linebreaks */
+    cy.get("br").should("exist");
+
+    /* emphasis */
+    cy.get("em").should("exist");
+
+    /* strong */
+    cy.get("strong").should("exist");
+
+    /* ordered list */
+    cy.get("ol").should("exist");
+
+    /* linebreak  */
+    cy.get("hr").should("exist");
+
+    /* links exists? hard to test, any idea? We need to wrap it in a div... */
+
+    /* images */
+    cy.get("img").eq(0).should("have.attr", "alt", "alt");
+    cy.get("img")
+      .eq(0)
+      .should("have.attr", "src")
+      .should("include", "media/files/markdown.png");
+    cy.get("figure")
+      .eq(2)
+      .should("have.id", "myid")
+      .and("have.class", "otherclass");
+    cy.get("img")
+      .eq(2)
+      .should("have.attr", "alt", "alt-text")
+      .and("have.attr", "title", "my title")
+      .and("have.attr", "width", "150px");
+
+    /* blockquote */
+    cy.get("blockquote").should("exist");
+
+    /* has navigation element */
+    cy.get(".notice1").should("exist");
+    cy.get(".notice2").should("exist");
+    cy.get(".notice3").should("exist");
+
+    /* footnote */
+    cy.get("sup").eq(0).should("have.id", "fnref1:1");
+    cy.get("sup")
+      .eq(0)
+      .within(($sup) => {
+        cy.get("a")
+          .eq(0)
+          .should("have.attr", "href", "#fn%3A1")
+          .and("have.class", "footnote-ref");
+      });
+
+    /* abbreviation */
+    cy.get("abbr").should("exist");
+
+    /* definition list */
+    cy.get("dl").should("exist");
+
+    /* table */
+    cy.get("table").should("exist");
+
+    /* code */
+    cy.get("pre").should("exist");
+    cy.get("code").should("exist");
+
+    /* math */
+    cy.get(".math").should("exist");
+
+    /* footnote end */
+    cy.get(".footnotes").within(($footnotes) => {
+      cy.get("li").eq(0).should("have.id", "fn:1");
+      cy.get("a")
+        .eq(0)
+        .should("have.class", "footnote-backref")
+        .and("have.attr", "href", "#fnref1%3A1")
+        .and("have.attr", "rev", "footnote");
+    });
+  });
+});

cypress/integration/03-system-settings.spec.js

@@ -0,0 +1,97 @@
+describe("Typemill System Settings", function () {
+  before(function () {
+    cy.loginTypemill();
+
+    cy.visit("/tm/settings");
+    cy.url().should("include", "/tm/settings");
+  });
+
+  beforeEach(function () {
+    Cypress.Cookies.preserveOnce("typemill-session");
+  });
+
+  after(function () {
+    cy.logoutTypemill();
+  });
+
+  it("validates the form", function () {
+    // fill out valid data
+    cy.get('input[name="settings[title]"]')
+      .clear()
+      .type("Cypress<?")
+      .should("have.value", "Cypress<?")
+      .and("have.attr", "required");
+
+    // fill out valid data
+    cy.get('input[name="settings[author]"]')
+      .clear()
+      .type("trendschau")
+      .should("have.value", "trendschau");
+
+    // fill out copyright data
+    cy.get('select[name="settings[copyright]"]')
+      .select("CC-BY")
+      .should("have.value", "CC-BY");
+
+    // fill out valid data
+    cy.get('input[name="settings[year]"]')
+      .clear()
+      .type("2017")
+      .should("have.value", "2017")
+      .and("have.attr", "required");
+
+    // fill out copyright data
+    cy.get('select[name="settings[language]"]')
+      .select("German")
+      .should("have.value", "de");
+
+    // submit form
+    cy.get("form").submit();
+    cy.get("#flash-message").should("contain", "Please correct the errors");
+  });
+
+  it("changes default values", function () {
+    // fill out valid data
+    cy.get('input[name="settings[title]"]')
+      .clear()
+      .type("Cypress")
+      .should("have.value", "Cypress")
+      .and("have.attr", "required");
+
+    // fill out valid data
+    cy.get('input[name="settings[author]"]')
+      .clear()
+      .type("robot")
+      .should("have.value", "robot");
+
+    cy.get('select[name="settings[copyright]"]')
+      .select("CC-BY-ND")
+      .should("have.value", "CC-BY-ND");
+
+    // fill out copyright data
+    cy.get('select[name="settings[language]"]')
+      .select("English")
+      .should("have.value", "en");
+
+    cy.get("form").submit();
+    cy.get("#flash-message").should("contain", "Settings are stored");
+
+    // fill out valid data
+    cy.get('input[name="settings[title]"]').should("have.value", "Cypress");
+
+    // fill out valid data
+    cy.get('input[name="settings[author]"]').should("have.value", "robot");
+
+    // fill out copyright data
+    cy.get('select[name="settings[copyright]"]').should(
+      "have.value",
+      "CC-BY-ND"
+    );
+
+    // fill out valid data
+    cy.get('input[name="settings[year]"]').should("have.value", "2017");
+
+    // fill out copyright data
+    cy.get('select[name="settings[language]"]').should("have.value", "en");
+  });
+});

cypress/integration/04-theme-settings.spec.js

@@ -0,0 +1,141 @@
+describe("Typemill Theme Settings", function () {
+  before(function () {
+    cy.clearCookies();
+  });
+
+  beforeEach(function () {
+    cy.loginTypemill();
+
+    cy.visit("/tm/themes");
+    cy.url().should("include", "/tm/themes");
+  });
+
+  afterEach(function () {
+    cy.logoutTypemill();
+  });
+
+  it("changes default values", function () {
+    // open the form
+    cy.get("#cyanine-toggle").should("contain", "Settings").click();
+
+    // fill out valid data
+    cy.get('input[name="cyanine[introButtonLink]"]')
+      .clear()
+      .type("https://typemill.net")
+      .should("have.value", "https://typemill.net");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[introButtonLabel]"]')
+      .clear()
+      .type("Typemill")
+      .should("have.value", "Typemill");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[chapnum]"]')
+      .should("not.be.checked")
+      .and("not.be.visible")
+      .check({ force: true })
+      .should("be.checked");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[authorPosition][top]"]')
+      .should("not.be.checked")
+      .and("not.be.visible")
+      .check({ force: true })
+      .should("be.checked");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[authorIntro]"]')
+      .clear()
+      .type("Writer")
+      .should("have.value", "Writer");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[datePosition][bottom]"]')
+      .should("not.be.checked")
+      .and("not.be.visible")
+      .check({ force: true })
+      .should("be.checked");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[dateIntro]"]')
+      .clear()
+      .type("Final update")
+      .should("have.value", "Final update");
+
+    cy.get('select[name="cyanine[dateFormat]"]')
+      .should("have.value", "m/d/Y")
+      .select("m/d/Y")
+      .should("have.value", "m/d/Y");
+
+    cy.get('input[name="cyanine[gitPosition][top]"]')
+      .should("not.be.checked")
+      .and("not.be.visible")
+      .check({ force: true })
+      .should("be.checked");
+
+    cy.get('input[name="cyanine[gitLink]"]')
+      .clear()
+      .type("https://github.com/typemill/docs")
+      .should("have.value", "https://github.com/typemill/docs");
+
+    cy.get("#theme-cyanine").submit();
+    cy.get("#flash-message").should("contain", "Settings are stored");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[introButtonLink]"]').should(
+      "have.value",
+      "https://typemill.net"
+    );
+
+    // fill out valid data
+    cy.get('input[name="cyanine[introButtonLabel]"]').should(
+      "have.value",
+      "Typemill"
+    );
+
+    // fill out valid data
+    cy.get('input[name="cyanine[chapnum]"]').should("be.checked");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[authorPosition][top]"]').should("be.checked");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[authorIntro]"]').should("have.value", "Writer");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[datePosition][bottom]"]').should("be.checked");
+
+    // fill out valid data
+    cy.get('input[name="cyanine[dateIntro]"]').should(
+      "have.value",
+      "Final update"
+    );
+
+    cy.get('select[name="cyanine[dateFormat]"]').should("have.value", "m/d/Y");
+
+    cy.get('input[name="cyanine[gitPosition][top]"]').should("be.checked");
+
+    cy.get('input[name="cyanine[gitLink]"]').should(
+      "have.value",
+      "https://github.com/typemill/docs"
+    );
+  });
+
+  it("validates input", function () {
+    // open the form
+    cy.get("#cyanine-toggle").should("contain", "Settings").click();
+
+    // fill out invalid data
+    cy.get('input[name="cyanine[introButtonLabel]"]')
+      .should("have.value", "Typemill")
+      .clear()
+      .type("Kapitel<?")
+      .should("have.value", "Kapitel<?");
+
+    // submit form
+    cy.get("#theme-cyanine").submit();
+
+    cy.get("#flash-message").should("contain", "Please correct the errors");
+  });
+});

cypress/integration/05_visual-editor/05-blox-editor.spec.js

@@ -0,0 +1,259 @@
+describe("Blox Editor", function () {
+  before(function () {
+    cy.loginTypemill();
+    cy.visit("/tm/content/visual");
+    cy.url().should("include", "/tm/content/visual");
+  });
+
+  beforeEach(function () {
+    Cypress.Cookies.preserveOnce("typemill-session");
+  });
+
+  it("creates new page", function () {
+    // click on add element
+    cy.get(".addNaviItem > a").eq(0).click();
+
+    /* Check dublicates cannot be made */
+
+    /* Check new page can be created */
+    cy.get(".addNaviForm").within((naviform) => {
+      /* add Testpage into input */
+      cy.get("input").clear().type("Testpage").should("have.value", "Testpage");
+
+      cy.get(".b-left").click();
+    });
+
+    /* get Navilist */
+    cy.get(".navi-list")
+      .should("contain", "Testpage")
+      .eq(2)
+      .find("a")
+      .should((a) => {
+        expect(a).to.have.length(6);
+        expect(a[5].href).to.include("/welcome/testpage");
+      });
+  });
+
+  it("edits default content", function () {
+    cy.visit("/tm/content/visual/welcome/testpage");
+    cy.url().should("include", "/tm/content/visual/welcome/testpage");
+
+    cy.get("#blox").within((blox) => {
+      /* Change Title */
+      cy.get("#blox-0").click();
+      cy.get("input").clear().type("This is my Testpage");
+
+      cy.get(".edit").click();
+      cy.get("#blox-0").should("contain", "This is my Testpage");
+
+      /* Change Text */
+      cy.get("#blox-1").click();
+      cy.get("textarea")
+        .clear()
+        .type("This is the new paragraph for the first line with some text.");
+
+      cy.get(".edit").click();
+      cy.get("#blox-1").should("contain", "new paragraph");
+    });
+  });
+
+  it("edits paragraph", function () {
+    cy.get("#blox").within((blox) => {
+      /* Get Format Bar */
+      cy.get(".format-bar").within((formats) => {
+        /* Edit Table */
+        cy.get("button").eq(0).click();
+        cy.get("textarea").type("This is a second paragraph.");
+
+        /* save table */
+        cy.get(".edit").click();
+        cy.get(".cancel").click();
+      });
+
+      cy.get("#blox-2").should("contain", "second paragraph");
+    });
+  });
+
+  it("edits headline", function () {
+    cy.get("#blox").within((blox) => {
+      /* Get Format Bar */
+      cy.get(".format-bar").within((formats) => {
+        /* Edit Table */
+        cy.get("button").eq(1).click();
+        cy.get("input").type("Second Level Headline");
+
+        /* save block */
+        cy.get(".edit").click();
+
+        /* close new standard textarea */
+        cy.get(".cancel").click();
+      });
+
+      cy.get("#blox-3").should("contain", "Second Level Headline");
+    });
+  });
+
+  it("edits unordered list", function () {
+    cy.get("#blox").within((blox) => {
+      /* Get Format Bar */
+      cy.get(".format-bar").within((formats) => {
+        /* Edit Table */
+        cy.get("button").eq(2).click();
+        cy.get("textarea").type("first list item{enter}second list item");
+
+        /* save block */
+        cy.get(".edit").click();
+
+        /* close new standard textarea */
+        cy.get(".cancel").click();
+      });
+
+      cy.get("#blox-4").within((block) => {
+        cy.get("li").should((lis) => {
+          expect(lis).to.have.length(2);
+          expect(lis.eq(0)).to.contain("first list item");
+        });
+      });
+    });
+  });
+
+  it("edits ordered list", function () {
+    cy.get("#blox").within((blox) => {
+      /* Get Format Bar */
+      cy.get(".format-bar").within((formats) => {
+        /* Edit Table */
+        cy.get("button").eq(3).click();
+        cy.get("textarea").type("first ordered item{enter}second ordered item");
+
+        /* save block */
+        cy.get(".edit").click();
+
+        /* close new standard textarea */
+        cy.get(".cancel").click();
+      });
+
+      cy.get("#blox-5").within((block) => {
+        cy.get("li").should((lis) => {
+          expect(lis).to.have.length(2);
+          expect(lis.eq(0)).to.contain("first ordered item");
+        });
+      });
+    });
+  });
+
+  it("edits table", function () {
+    cy.get("#blox").within((blox) => {
+      /* Get Format Bar */
+      cy.get(".format-bar").within((formats) => {
+        /* Edit Table */
+        cy.get("button").eq(4).click();
+        cy.get("table").within((table) => {
+          /* edit table head */
+          cy.get("tr")
+            .eq(1)
+            .within((row) => {
+              cy.get("th").eq(1).click().clear().type("first Headline");
+              cy.get("th").eq(2).click().clear().type("Second Headline");
+            });
+
+          /* edit first content row */
+          cy.get("tr")
+            .eq(2)
+            .within((row) => {
+              cy.get("td").eq(1).click().clear().type("Some");
+              cy.get("td").eq(2).click().clear().type("More");
+            });
+
+          /* edit second content row */
+          cy.get("tr")
+            .eq(3)
+            .within((row) => {
+              cy.get("td").eq(1).click().clear().type("Beautiful");
+              cy.get("td").eq(2).click().clear().type("Content");
+            });
+
+          /* add new column on the right */
+          cy.get("tr")
+            .eq(0)
+            .within((row) => {
+              cy.get("td").eq(2).click();
+              cy.get(".actionline").eq(0).click();
+            });
+        });
+
+        cy.get("table").within((table) => {
+          /* edit second new column head */
+          cy.get("tr")
+            .eq(1)
+            .within((row) => {
+              cy.get("th").eq(3).click().clear().type("New Head");
+            });
+
+          /* edit second new column head */
+          cy.get("tr")
+            .eq(2)
+            .within((row) => {
+              cy.get("td").eq(3).click().clear().type("With");
+            });
+
+          /* edit second new column head */
+          cy.get("tr")
+            .eq(3)
+            .within((row) => {
+              cy.get("td").eq(3).click().clear().type("new Content");
+            });
+        });
+
+        /* save table */
+        cy.get(".edit").click();
+      });
+
+      cy.get("#blox-6").should("contain", "Beautiful").click();
+
+      cy.get(".editactive").within((activeblock) => {
+        cy.get(".component").should("contain", "Beautiful");
+      });
+    });
+  });
+
+  it("Publishes new page", function () {
+    cy.visit("/tm/content/visual/welcome/testpage");
+    cy.url().should("include", "/tm/content/visual/welcome/testpage");
+
+    cy.get("#publish").click().wait(500);
+
+    cy.visit("/welcome/testpage");
+    cy.url().should("include", "/welcome/testpage");
+
+    cy.get(".cy-nav").should("contain", "Testpage");
+  });
+
+  it("has sitemap xml", function () {
+    cy.request({
+      url: "/cache/sitemap.xml",
+    }).then((resp) => {
+      /* should return xml-format */
+      expect(resp.headers).to.have.property("content-type", "application/xml");
+    });
+  });
+
+  it("Deletes new page", function () {
+    cy.visit("/tm/content/visual/welcome/testpage");
+    cy.url().should("include", "/tm/content/visual/welcome/testpage");
+
+    cy.get(".danger").click();
+
+    cy.get("#modalWindow").within((modal) => {
+      cy.get("button").click();
+    });
+
+    cy.visit("/tm/content/visual/welcome");
+    cy.get(".navi-list")
+      .not("contain", "Testpage")
+      .eq(2)
+      .find("a")
+      .should((a) => {
+        expect(a).to.have.length(5);
+      });
+  });
+});

cypress/integration/99-login.spec.js

@@ -0,0 +1,67 @@
+describe("Typemill Login", function() {
+    before(function() {
+        cy.clearCookies();
+    });
+    it("redirects if visits dashboard without login", function() {
+        cy.visit("/tm/content");
+        cy.url().should("include", "/tm/login");
+    });
+
+    it("submits a valid form and logout", function() {
+        // visits login page and adds valid input
+        cy.visit("/tm/login");
+        cy.url().should("include", "/tm/login");
+
+        cy.get('input[name="username"]')
+            .type("trendschau")
+            .should("have.value", "trendschau")
+            .and("have.attr", "required");
+
+        cy.get('input[name="password"]')
+            .type("password")
+            .should("have.value", "password")
+            .and("have.attr", "required");
+
+        // can login
+        cy.get("form").submit();
+        cy.url().should("include", "/tm/content");
+        cy.getCookie("typemill-session").should("exist");
+
+        Cypress.Cookies.preserveOnce("typemill-session");
+    });
+
+    it("redirects if visits login form when logged in", function() {
+        cy.visit("/tm/login");
+        cy.url().should("include", "/tm/content");
+
+        Cypress.Cookies.preserveOnce("typemill-session");
+    });
+
+    it("logs out", function() {
+        cy.contains("Logout").click();
+        cy.url().should("include", "/tm/login");
+    });
+
+    it("captcha after 1 fail", function() {
+        cy.visit("/tm/login");
+
+        // validation fails first
+        cy.get('input[name="username"]').clear().type("wrong");
+        cy.get('input[name="password"]').clear().type("pass");
+        cy.get("form").submit();
+        cy.get("#flash-message").should("contain", "wrong password or username");
+        cy.get('input[name="username"]').should("have.value", "wrong");
+        cy.get('input[name="password"]').should("have.value", "");
+        cy.get('input[name="captcha"]').should("have.value", "");
+
+        // captcha fails first
+        cy.get('input[name="username"]').clear().type("trendschau");
+        cy.get('input[name="password"]').clear().type("password");
+        cy.get('input[name="captcha"]').clear().type("wrong");
+        cy.get("form").submit();
+        cy.get("#flash-message").should("contain", "Captcha is wrong");
+        cy.get('input[name="username"]').should("have.value", "trendschau");
+        cy.get('input[name="password"]').should("have.value", "");
+        cy.get('input[name="captcha"]').should("have.value", "");
+    });
+});