d3fb6ff906
* Move the user view tests from Puppeteer to Cypress * Iterate snapshot test * Actually import the new module * Specify widths * Update cypress & percy * Try fix percy * Finish cypress upgrade * Tidy cypress.config.ts * Revert "Tidy cypress.config.ts" This reverts commit d913052cc4e12f836b99645bda81bbcf21d5f3c8. * Revert "Finish cypress upgrade" This reverts commit b5aba3b8a32edbc36549fbd8a27eb0de0390da2a. * Revert "Update cypress & percy" This reverts commit f846a364f81b23b173d9af67230aa074bd248cf6. * delint * Update percy
54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
/*
|
|
Copyright 2022 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
/// <reference types="cypress" />
|
|
import { SnapshotOptions as PercySnapshotOptions } from '@percy/core';
|
|
|
|
declare global {
|
|
// eslint-disable-next-line @typescript-eslint/no-namespace
|
|
namespace Cypress {
|
|
interface SnapshotOptions extends PercySnapshotOptions {
|
|
domTransformation?: (documentClone: Document) => void;
|
|
}
|
|
|
|
interface Chainable {
|
|
percySnapshotElement(name?: string, options?: SnapshotOptions);
|
|
}
|
|
|
|
interface Chainable {
|
|
/**
|
|
* Takes a Percy snapshot of a given element
|
|
*/
|
|
percySnapshotElement(name: string, options: SnapshotOptions): Chainable<void>;
|
|
}
|
|
}
|
|
}
|
|
|
|
Cypress.Commands.add("percySnapshotElement", { prevSubject: true }, (subject, name, options) => {
|
|
cy.percySnapshot(name, {
|
|
domTransformation: documentClone => scope(documentClone, subject.selector),
|
|
...options,
|
|
});
|
|
});
|
|
|
|
function scope(documentClone: Document, selector: string): Document {
|
|
const element = documentClone.querySelector(selector);
|
|
documentClone.querySelector('body').innerHTML = element.outerHTML;
|
|
|
|
return documentClone;
|
|
}
|
|
|
|
export { };
|