.cookie-overlay {
    display: none;
}

.modal-cookie {
    box-sizing: border-box;
    font-size: 14px;
    line-height: 20px;
    z-index: 998;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: left;
    object-fit: contain;
    background-color: #00a079;
    border: 1px solid #b2f1dd;
    border-radius: 26px;
    flex-wrap: wrap;
    place-content: center flex-start;
    align-items: center;
    width: 90%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding: 16px;
    display: flex;
    position: fixed;
    inset: auto auto 14% 10%;
    box-shadow: 0 0 20px #b2f1dd;
}

.cookie-image {
    position: fixed;
    inset: auto 0 0;
    z-index: 100;
}

.cookie-frame {
    clear: none;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-wrap: wrap;
    place-content: center flex-start;
    align-items: flex-end;
    width: auto;
    display: flex
}

.cookie-text-block {
    justify-content: flex-start;
    max-width: 500px;
    display: flex;
    margin-bottom: 16px;
}

.cookie-text {
    color: #fff;
    padding: 5px;
    font-family: objektiv-mk1, sans-serif
}

.button {
    aspect-ratio: auto;
    text-align: center;
    object-fit: fill;
    background-color: #3898ec00;
    border: 1px solid #fff;
    border-radius: 10px;
    flex-flow: column;
    flex: 1;
    place-content: center;
    align-self: center;
    align-items: flex-start;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    font-family: objektiv-mk1, sans-serif;
    display: flex;
    overflow: visible;
    color: #fff;
    line-height: inherit;
    cursor: pointer;
    padding: 9px 15px;
    text-decoration: none;
    min-width: 175px;
}

.allow-essential-btn {
    aspect-ratio: auto;
    text-align: center;
    object-fit: fill;
    background-color: #3898ec00;
    border: 1px solid #fff;
    border-radius: 10px;
    flex-flow: column;
    flex: 1;
    place-content: center;
    align-self: center;
    align-items: flex-start;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    font-family: objektiv-mk1, sans-serif;
    display: flex;
    overflow: visible;
    margin-right: 8px;
}

.button-allow-all {
    aspect-ratio: auto;
    color: rgb(39, 38, 92);
    text-align: center;
    object-fit: fill;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    flex-flow: column;
    flex: 1;
    place-content: center;
    align-self: center;
    align-items: center;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    font-family: objektiv-mk1, sans-serif;
    display: flex;
    overflow: visible
}

.link-white {
    color: rgb(92, 91, 219);
    text-decoration: underline;
}

.essential-button-inner {
    pointer-events:auto;
    color:#fff;
    text-align:center;
    letter-spacing:.05em;
    -webkit-text-stroke-color:#0c101b;
    flex-flow:column;
    flex:1;
    justify-content:center;
    align-self:center;
    align-items:center;
    width:auto;
    margin-left:auto;
    margin-right:auto;
    font-family:objektiv-mk1,sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:18px;
    display:flex;
}


@font-face {
    font-family: objektiv-mk1;
    src: url(https://use.typekit.net/af/5296eb/00000000000000007735fd7b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"), url(https://use.typekit.net/af/5296eb/00000000000000007735fd7b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://use.typekit.net/af/5296eb/00000000000000007735fd7b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-display: auto;
}

@font-face {
    font-family: objektiv-mk1;
    src: url(https://use.typekit.net/af/e91fed/00000000000000007735fd7a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/e91fed/00000000000000007735fd7a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/e91fed/00000000000000007735fd7a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3) format("opentype");
    font-weight: 400;
    font-style: italic;
    font-stretch: normal;
    font-display: auto;
}

@font-face {
    font-family: objektiv-mk1;
    src: url(https://use.typekit.net/af/fdbde9/00000000000000007735fd85/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/fdbde9/00000000000000007735fd85/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/fdbde9/00000000000000007735fd85/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: auto;
}

@font-face {
    font-family: objektiv-mk1;
    src: url(https://use.typekit.net/af/7bfe96/00000000000000007735fd7f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/7bfe96/00000000000000007735fd7f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/7bfe96/00000000000000007735fd7f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: auto;
}


const newScriptTag = document.createElement("script");
newScriptTag.setAttribute(
  "src",
  "https://www.googletagmanager.com/gtag/js?id=AW-16657052920",
);

window.dataLayer = window.dataLayer || [];

function gtag() {
  dataLayer.push(arguments);
}

gtag("js", new Date());
gtag("config", "AW-16657052920");


// posthog see https://posthog.com/docs/libraries/js#installation
!(function (t, e) {
  var o, n, p, r;
  e.__SV ||
    ((window.posthog = e),
    (e._i = []),
    (e.init = function (i, s, a) {
      function g(t, e) {
        var o = e.split(".");
        2 == o.length && ((t = t[o[0]]), (e = o[1])),
          (t[e] = function () {
            t.push([e].concat(Array.prototype.slice.call(arguments, 0)));
          });
      }

      ((p = t.createElement("script")).type = "text/javascript"),
        (p.crossOrigin = "anonymous"),
        (p.async = !0),
        (p.src =
          s.api_host.replace(".i.posthog.com", "-assets.i.posthog.com") +
          "/static/array.js"),
        (r = t.getElementsByTagName("script")[0]).parentNode.insertBefore(p, r);
      var u = e;
      for (
        void 0 !== a ? (u = e[a] = []) : (a = "posthog"),
          u.people = u.people || [],
          u.toString = function (t) {
            var e = "posthog";
            return "posthog" !== a && (e += "." + a), t || (e += " (stub)"), e;
          },
          u.people.toString = function () {
            return u.toString(1) + ".people (stub)";
          },
          o =
            "init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug".split(
              " ",
            ),
          n = 0;
        n < o.length;
        n++
      )
        g(u, o[n]);
      e._i.push([i, s, a]);
    }),
    (e.__SV = 1));
})(document, window.posthog || []);

const parseCookiesForConsentCookie = () => {
  const cookies = document.cookie.split(";");
  const octomindConsentCookie = cookies.find((c) =>
    c.trim().startsWith("octomind-consent="),
  );

  if (!octomindConsentCookie) {
    return undefined;
  }

  const value = octomindConsentCookie.split("=")[1];

  if (!value) {
    return undefined;
  }

  let parsedValue;
  try {
    parsedValue = JSON.parse(window.decodeURIComponent(value));
  } catch (e) {
    return undefined;
  }

  return parsedValue;
};

const OCTOMIND_USER_AGENT = "octomind";

const writeCookie = (cookieValue) => {
  const stringified = window.encodeURIComponent(JSON.stringify(cookieValue));

  // maximum allowed, see https://developer.chrome.com/blog/cookie-max-age-expires
  const daysUntilExpiry = 400;
  const msUntilExpiry = daysUntilExpiry * 24 * 3600 * 1000;
  const expires = new Date(Date.now() + msUntilExpiry);

  document.cookie = `octomind-consent=${stringified};sameSite=strict;Domain=.octomind.dev;path=/;expires=${expires.toUTCString()}`;
};

const posthogInit = (persistence) => {
  const currentUrl = new URL(window.location.href);
  const distinctId = currentUrl.searchParams.get("distinctId");

  posthog.init("phc_DZrVg5kgD45m4Au5nFt6m9rykBTg3mAkeHNY3atWNbW", {
    api_host: "https://octomind.dev/events",
    ui_host: "https://eu.posthog.com",
    disable_session_recording: true,
    person_profiles: "always",
    persistence,
    bootstrap: distinctId
      ? {
          distinctID: distinctId,
        }
      : undefined,
    loaded: (posthog) => {
      document.querySelectorAll("a").forEach((el) => {
        if (!el.hasAttribute("href")) {
          return;
        }

        if (!el.getAttribute("href").includes("octomind.dev")) {
          return;
        }

        const url = new URL(el.getAttribute("href"));

        url.searchParams.set("distinctId", posthog.get_distinct_id());
        el.href = url.toString();
      });
    },
  });

  if (window.navigator.userAgent.includes(OCTOMIND_USER_AGENT)) {
    posthog.opt_out_capturing();
  }
};

const hideBanner = () => {
  document.getElementById("cookie-banner-overlay").style.display = "none";
};

const showBanner = () => {
  document.getElementById("cookie-banner-overlay").style.display = "block";
};

const COOKIE_PERSISTENCE = "localStorage+cookie";

const setupCookieButton = (id, allowOptionalValueToPersist) => {
  const cookieButton = document.getElementById(id);
  const persistence = allowOptionalValueToPersist
    ? COOKIE_PERSISTENCE
    : "memory";

  cookieButton.onclick = () => {
    writeCookie({
      consentDate: new Date(),
      allowOptional: allowOptionalValueToPersist,
    });
    posthog.set_config({
      persistence,
    });
    hideBanner();
  };
};

const addCookieBanner = () => {
  const cookieBannerOverlay = document.createElement("div");
  cookieBannerOverlay.id = "cookie-banner-overlay";
  cookieBannerOverlay.className = "cookie-overlay";

  const cookieBannerImage = document.createElement("img");
  cookieBannerImage.src =
    "https://storage.googleapis.com/assets.octomind.dev/cookieBanner.webp";
  cookieBannerImage.className = "cookie-image";
  cookieBannerImage.loading = "lazy";
  cookieBannerImage.alt = "octopus tentacles holding a cookie";
  cookieBannerOverlay.appendChild(cookieBannerImage);

  const cookieModal = document.createElement("div");
  cookieModal.id = "cookie-modal";
  cookieModal.className = "modal-cookie";
  cookieBannerOverlay.appendChild(cookieModal);

  const cookieFrame = document.createElement("div");
  cookieFrame.className = "cookie-frame";
  cookieModal.appendChild(cookieFrame);

  const cookieTextBlock = document.createElement("div");
  cookieTextBlock.className = "cookie-text-block";
  cookieFrame.appendChild(cookieTextBlock);

  const cookieText = document.createElement("div");
  cookieText.className = "cookie-text";
  cookieText.innerHTML = `We are using cookies for secure log-in and to improve our app.  First party only, no data krakens 🦑&nbsp; Learn more in our <a href="https://octomind.dev/privacy-policy" target="_blank" class="link-white">privacy policy</a>.`;
  cookieTextBlock.appendChild(cookieText);

  const essentialButton = document.createElement("a");
  essentialButton.innerHTML = `
    <a id="allow-essential-btn" class="allow-essential-btn button">
      <span class="essential-button-inner">allow essential<br /> cookies</span>
    </a>
  `;
  cookieFrame.appendChild(essentialButton);

  const allCookiesButton = document.createElement("a");
  allCookiesButton.innerHTML = `<a id="allow-all-btn" class="button-allow-all button">allow all cookies</a>`;
  cookieFrame.appendChild(allCookiesButton);

  document.querySelector("main").appendChild(cookieBannerOverlay);
};

const sleep = async (numberOfMilliseconds) => {
  return new Promise((resolve) => {
    setTimeout(resolve, numberOfMilliseconds);
  });
};

const onLoad = async () => {
  while (!window.next?.router?.isReady) {
    console.log("waiting for next hydration");
    await sleep(10);
  }

  addCookieBanner();

  const consentCookieValue = parseCookiesForConsentCookie();

  if (consentCookieValue) {
    if (consentCookieValue.allowOptional) {
      posthogInit(COOKIE_PERSISTENCE);
    } else {
      posthogInit("memory");
    }
    return;
  }

  posthogInit("memory");

  showBanner();

  setupCookieButton("allow-essential-btn", false);
  setupCookieButton("allow-all-btn", true);
};

void onLoad();


Cookie banner and login test

Test recommendation at sign-up

Spawning from existing test cases

Our AI agent will automatically suggest relevant test cases to increase your coverage.

Recommended tests

x-api-key

Octomind Docs

Generate your first tests and run them. Find bugs in your app before your users do.

Create first tests

Use manual editing, the Recorder or the Agent to edit test steps

Edit a test case

Run your tests to find bugs in your app. We will help you figure out what went wrong.

Execute your tests

Chat with our AI agent to learn more about octomind and get help in completing tasks

Chat with AI

Use natural language to prompt our AI agent to generate new tests

Prompt AI Agent

Use your own AI tools connected to data sources to create Octomind tests

Use your AI via MCP

A brand new test Recorder that collaborates with the AI Agent or works on its own

Record tests

Use native TestRail integration or MCP to import tests from test management systems

Import tests

A checklist to setup your test suite quickly.

Test setup

Run your tests and get test results in regular intervals

Schedule test runs

Trigger tests from your CI pipeline and get results commented back

Run tests in CI/CD

Trigger test execution from outside our app with a cURL command

Execute via shell script

Debugtopus will help to run your test locally and debug

Run tests locally

Why tests fail

Identify the cause of a broken test easily

Inspect broken tests

How to have the AI agent fix your broken tests automatically

AI auto-fix (beta)

Test cases

Test reports sum up the results of a test run - a single execution of all your active test cases.

Test reports

Environments

How to set-up your personal & organization account

Account settings

Projects

Waiting for a specific event to proceed and make the test more stable

Waiting for a specific event

Execute custom JavaScript or TypeScript code in isolation during your test flow.

Execute custom JS

Email Flows

Variables

What is rate limiting and how to deal with it

Rate limiting

How to access applications that are not publicly available

Private location worker

How to access from different geo's or a private location

Proxy settings

Policy for security flaws and bugs and bug bounty rewards

Bug bounty program

How Octomind navigates and crawls web pages in order to generate end-to-end tests

Octomind bot

2-Factor Authentication

Basic authentication

File upload

Additional HTTP headers to be sent with every request

Custom headers

Configure the html attribute name you use for test automation

Test ID attribute

Cross origin iframes

FAQs

Essential terminology used within the Octomind app

Octo Dictionary

If you are interested in how we make the tests work, this is your place.

Under the hood

All about Octomind data access and governance

Compliance and security

Here is a template for a non-disclosure agreement if you need one.

Need an NDA?

How to nail creating new tests for your project

Best practices for generating tests

Which one is better? How should I structure my test suite?

Short vs. long tests

Why does the AI agent fail to to generate a test case?

Why the AI agent fails

Finetune a generated test together with the Agent

Help the Agent generate

How to fix prompts causing problems in Octomind tests

Prompt debugging

How to fix test steps with Octomind's visual editor

Test steps debugging deepdive

Projects or environments?

Test orchestration of flows with long running parts outside of the app

Long running background tasks

Learn everything about the Octomind Model Context Protocol (MCP) server

Install the Octomind MCP server

Retrieve all test targets

Create a new test target

Retrieve a test target

Delete a test target

Update a test target

Get the test target configuration for a specific environment

Retrieve test target configuration

This endpoint triggers a test execution by sending an test target id, an URL and optionally tags, an environment and variables.


Execute tests of the given test target

Retrieve environments

Create an environment

deletes an enviroment. this operation is not reversable.

Delete an environment

Updates an enviroment, all properties can be set separately

Update an environment

Poll from within a CI-pipeline to wait for the completion of a report.

Retrieve information about a test report

Allow fetching the history of test reports for your test target.

Retrieve paginated information about test reports

Get a list of notifications for a specific test target.

Retrieve notifications

Retrieve all private locations

Register a private location

Unregister a private location

Get a list of test cases for a specific test target with optional filtering

List test cases

Get detailed information about a specific test case

Retrieve a test case

Get the full test file code for a specific test case for download

Retrieve test case code

Update specific properties of a test case

Update a test case

Create a new test case discovery with a given name and prompt

Create a discovery

An overview of the CI/CD pipelines we integrate with

Integrate into CI

Run a GitHub Action to get Octomind test results into your pull request comments

Integrate with GitHub Actions

Run an Azure DevOps task to get Octomind test results into your pull request comments

Integrate with Azure DevOps

Run a GitHub Action to execute Octomind tests on Vercel deployment

Integrate with Vercel CI

Trigger Octomind in your Jenkins pipeline via GitHub webhook

Integrate with Jenkins

Trigger Octomind in your pipeline via cURL

Integrate with other CI pipelines

How to integrate with TestRail and other test management solutions

Test management

Feature drops

First steps

Use AI generation to add more test cases to your test suite and increase your coverage.

Get started

Build tests

Run tests

Maintain tests

Manage tests

Account

Advanced

More info

Data governance

Recommended tests

Spawning from existing test cases

Get started

Build tests

Run tests

Maintain tests

Manage tests

Account

Advanced

More info

Data governance

​Test recommendation at sign-up

​Cookie banner and login test

​Spawning from existing test cases

Test recommendation at sign-up

Cookie banner and login test

Spawning from existing test cases