--- title: Cypress reference description: Reference documentation for Allure Cypress integration | How to add sub-steps and additional metadata | Create attachments | Organise tests --- # Allure Cypress reference These are the functions that you can use to integrate your Cypress tests with Allure. In most cases, Allure Cypress provides two different ways to use a feature: the Runtime API and the Metadata API. - **Runtime API**: use Allure's functions to add certain data to the test result during its execution. This approach allows for constructing the data dynamically. Note that it is recommended to call the Allure's functions as close to the beginning of the test as possible. This way, the data will be added even if the test fails early. - **Metadata API**: add a metadata tag (beginning with `@`) into the test name. Allure Cypress will extract it and update the test result's data accordingly. When using this approach, the data is guaranteed to be added regardless of how the test itself runs. ## Metadata Assign a test's [description, links and other metadata](/docs/v2/readability/#description-links-and-other-metadata). ### Description - `allure.description(markdown: string): PromiseLike` Set the test's [description](/docs/v2/readability/#description). Markdown formatting is allowed. Any HTML formatting, if present, will be stripped for security purposes. ```ts import * as allure from "allure-js-commons"; it("Authentication", () => { allure.description("This test attempts to log into the website."); // ... }); ``` ### Owner - `allure.owner(name: string): PromiseLike` - `@allure.label.owner:⟨VALUE⟩` Set the test's [owner](/docs/v2/readability/#owner). **Runtime API:** ```ts import * as allure from "allure-js-commons"; it("Authentication", () => { allure.owner("John Doe"); // ... }); ``` **Metadata API:** ```ts it("Authentication @allure.label.owner:JohnDoe", () => { // ... }); ``` ### Tag - `allure.tag(name: string): PromiseLike` - `allure.tags(...tagsList: string[]): PromiseLike` - `@allure.label.tag:⟨VALUE⟩` Set the test's [tags](/docs/v2/readability/#tags). **Runtime API:** ```ts import * as allure from "allure-js-commons"; it("Authentication", () => { allure.tag("Web interface"); allure.tag("Authentication"); // ... }); ``` **Metadata API:** ```ts it("Authentication @allure.label.tag:WebInterface @allure.label.tag:Authentication", () => { // ... }); ``` ### Severity - `allure.severity(name: string): PromiseLike` - `@allure.label.severity:⟨VALUE⟩` Set the test's [severity](/docs/v2/readability/#severity). Allowed values are: “trivial”, “minor”, “normal”, “critical”, and “blocker”. **Runtime API:** ```ts import * as allure from "allure-js-commons"; import { Severity } from "allure-js-commons"; it("Authentication", () => { allure.severity(Severity.CRITICAL); // ... }); ``` **Metadata API:** ```ts it("Authentication @allure.label.severity:critical", () => { // ... }); ``` ### Label - `allure.label(name: LabelName | string, value: string): PromiseLike` - `allure.labels(...labelsList: Label[]): PromiseLike` - `@allure.label.⟨NAME⟩:⟨VALUE⟩` Set an arbitrary [label](/docs/v2/readability/#other-labels) for the test. This is the underlying implementation for a lot of Allure's other functions. You can call `label()` multiple times to create an array of values under the given name. **Runtime API:** ```ts import * as allure from "allure-js-commons"; it("Authentication", () => { allure.label("microservice", "UI"); // ... }); ``` **Metadata API:** ```ts it("Authentication @allure.label.microservice:UI", () => { // ... }); ``` ### ID - `@allure.id:⟨VALUE⟩` Set the test's [ID](/docs/v2/readability/#id). ```ts it("Authentication @allure.id:123", () => { // ... }); ``` ### Link - `allure.link(url: string, name?: string, type?: LinkType | string): PromiseLike` - `allure.links(...linksList: Link[]): PromiseLike` - `allure.issue(url: string, name?: string): PromiseLike` - `allure.tms(url: string, name?: string): PromiseLike` Add a [link](/docs/v2/readability/#links) related to the test. Based on the `type` (which can be any string, defaults to “link”), Allure will try to load a corresponding **link template** to process the URL, as defined by the [`links`](/docs/cypress-configuration/#links) configuration option. If no template is found for the given type or if the link already represents a proper URL, it's left unmodified. The `name` will be used as the link's text. If it is omitted, the URL will be used instead. For convenience, Allure provides two shorthand functions with pre-selected link types: `issue` and `tms`. ```ts import * as allure from "allure-js-commons"; it("Authentication", () => { allure.issue("AUTH-123", "Related issue"); allure.tms("TMS-456", "Related TMS issue"); allure.link("JIRA-777", "Related Jira issue", "jira"); allure.link("https://example.com/", "Project website"); // ... }); ``` ## Behavior-based hierarchy - `allure.epic(name: string): PromiseLike` - `allure.feature(name: string): PromiseLike` - `allure.story(name: string): PromiseLike` - `@allure.label.epic:⟨VALUE⟩` - `@allure.label.feature:⟨VALUE⟩` - `@allure.label.story:⟨VALUE⟩` Assign names of **epics**, **features**, or **user stories** for a test, as part of Allure's [behavior-based hierarchy](/docs/v2/navigation/#behavior-based-hierarchy). **Runtime API:** ```ts import * as allure from "allure-js-commons"; it("Authentication", () => { allure.epic("Web interface"); allure.feature("Essential features"); allure.story("Authentication"); // ... }); ``` **Metadata API:** ```ts it( "Authentication" + " @allure.label.epic:WebInterface" + " @allure.label.feature:EssentialFeatures" + " @allure.label.story:Authentication", () => { // ... }, ); ``` ## Suite-based hierarchy - `allure.parentSuite(name: string): PromiseLike` - `allure.suite(name: string): PromiseLike` - `allure.subSuite(name: string): PromiseLike` - `@allure.label.parentSuite:⟨VALUE⟩` - `@allure.label.suite:⟨VALUE⟩` - `@allure.label.subSuite:⟨VALUE⟩` Assign the names of **parent suite**, **suite**, or **sub-suite** for a test, as part of Allure's [suite-based hierarchy](/docs/v2/navigation/#suite-based-hierarchy). **Runtime API:** ```ts import * as allure from "allure-js-commons"; it("Authentication", () => { allure.parentSuite("Tests for web interface"); allure.suite("Tests for essential features"); allure.subSuite("Tests for authentication"); // ... }); ``` **Metadata API:** ```ts it( "Authentication" + " @allure.label.parentSuite:TestsForWebInterface" + " @allure.label.suite:TestsForEssentialFeatures" + " @allure.label.subSuite:TestsForAuthentication", () => { // ... }, ); ``` ## Test steps - `allure.step(name: string, body: (context: StepContext) => T | PromiseLike): PromiseLike` - `allure.logStep(name: string, status?: Status, error?: Error): PromiseLike` Define a [test step or sub-step](/docs/steps/) with the given `name`. A step function accepts either no arguments or an object with the following methods: - `displayName()` — override the step name during its execution. - `parameter()` — indicate arbitrary parameters used for the step. The available signatures of this method are similar to the test-wide implementation, see [Parametrized tests](#parametrized-tests). To create a step without a body, call the `logStep()` function that accepts a name and, optionally, a step status and an error object. ```ts import * as allure from "allure-js-commons"; import { Status } from "allure-js-commons"; it("Authentication", () => { allure.step("Step 1", () => { allure.step("Sub-step 1", (ctx) => { ctx.parameter("foo", "1"); // ... }); allure.step("Sub-step 2", (ctx) => { ctx.parameter("foo", "2"); // ... }); }); allure.logStep("Step 2", Status.SKIPPED); }); ``` ## Parametrized tests - `allure.parameter(name: string, value: string, options?: ParameterOptions): PromiseLike` Specify a `name` and `value` of a parameter that was used during this test. See [Parametrized tests](/docs/v2/readability/#parametrized-tests) for more details. The `options` argument, if given, must be an object with two optional properties `excluded` and `mode`. - If `excluded` is set to true, Allure will not use the parameter when comparing the current test result with previous one in the history. See [Common pitfall: a test's retries are displayed as separate tests](/docs/history-and-retries/#common-pitfall-a-tests-retries-are-displayed-as-separate-tests). - The `mode` affects how the parameter will be displayed in the report. Available options are: - `"default"` (same as not specifying any mode) — the parameter and its value will be shown in a table along with other parameters. - `"masked"` — the parameter will be shown in the table, but its value will be hidden. Use this mode for passwords, tokens and other sensitive parameters. - `"hidden"` — the parameter and its value will not be shown in the test report. Note, that even when you use the `"masked"` or `"hidden"` mode, it is still possible to extract the value from the `allure_results` directory if you publish it. ```ts import * as allure from "allure-js-commons"; for (const login of ["johndoe", "johndoe@example.com"]) { it("Authentication", () => { allure.parameter("login", login); allure.parameter("time", new Date().toUTCString(), { excluded: true }); // ... }); } ``` ## Attachments - `allure.attachment(name: string, content: Buffer | string, options: ContentType | string | AttachmentOptions): PromiseLike` - `allure.attachmentPath(name: string, path: string, options: ContentType | string | Omit): PromiseLike` Add an [attachment](/docs/attachments/) to the test result under the given `name`. Pass either the `content` or the `path` from which the data will be read. The `options` argument controls the [media type](https://en.wikipedia.org/wiki/Media_type) of the content and the filename extension that will be used if a user downloads the attachment from the test report. You can either specify both options in an object (as shown for the image attachment below) or just specify the media type and let Allure deduce the appropriate filename extension automatically (as shown for the text attachment below). In either case, the media type can be a value from the `ContentType` enumeration or any string. ```ts import * as allure from "allure-js-commons"; import { ContentType } from "allure-js-commons"; it("Authentication", () => { // ... allure.attachment("Text file", "This is the file content.", ContentType.TEXT); allure.attachmentPath("Screenshot", "/path/to/image.png", { contentType: ContentType.PNG, fileExtension: "png", }); }); ``` Tip: If your test calls [`cy.screenshot()`](https://docs.cypress.io/api/commands/screenshot) or if the [video recording](https://docs.cypress.io/guides/guides/screenshots-and-videos#Videos) is enabled in the Cypress configuration, the resulting images and video files will be attached to the test results automatically.