How to authenticated with Percy using certificates

[elassol]

I´m running an e2e test with cypress on an internal site that uses certificates to authenticate.

I have everything running in the pipeline, taking the certificates from the azure secure files.

When trying to use Percy to take screenshots on my eE2E test I send blank screenshots to Percy
in my pipeline I downloaded the certificates first from the secure files to the agent.

then I run the project locally using npm run start & ( sleep 60 ; npx percy exec -- cypress run )

my e2e test passed but the screenshots are blank, any ideas?

Pipeline setup - azure-pipelines.yml:
Code to grab certificates and pass them to process.env

- script: |
        echo Installing $(caCertificate.secureFilePath) to the trusted CA directory...
        sudo chown root:root $(caCertificate.secureFilePath)
        sudo chmod a+r $(caCertificate.secureFilePath)
        REL_CA_CERTIFICATE=$(realpath --relative-to="$(pwd)" $(caCertificate.secureFilePath))
        export CA_CERTIFICATE=${REL_CA_CERTIFICATE}

        echo Installing $(caCertificateKey.secureFilePath) to the trusted CA directory...
        sudo chown root:root $(caCertificateKey.secureFilePath)
        sudo chmod a+r $(caCertificateKey.secureFilePath)
        REL_CA_KEY=$(realpath --relative-to="$(pwd)" $(caCertificateKey.secureFilePath))
        export CA_KEY=${REL_CA_KEY}

        echo Installing $(caCertificatePass.secureFilePath) to the trusted CA directory...
        sudo chown root:root $(caCertificatePass.secureFilePath)
        sudo chmod a+r $(caCertificatePass.secureFilePath)
        REL_CA_PASS=$(realpath --relative-to="$(pwd)" $(caCertificatePass.secureFilePath))
        export CA_PASS=${REL_CA_PASS}



        npm run start &

        ( sleep 60 ; npx percy exec -- cypress run )

Configuration Cypress - cypress.config.ts
grabbing certificate from process.env

export default defineConfig({
    chromeWebSecurity: false,
    clientCertificates: [
        {
            url: 'https://federation-qa.basf.com/**',
            ca: [],
            certs: [
                {
                    cert: process.env['CA_CERTIFICATE'] || '',
                    key: process.env['CA_KEY'] || '',
                    passphrase: process.env['CA_PASS'] || '',
                },
            ],
        },
    ],
    e2e: {
        setupNodeEvents() {
            // implement node event listeners here
        },
    },
});
                  

Percy Configuration - .percyrc

snapshot:
    widths:
        - 375
        - 672
        - 1056
        - 1312
        - 1584
    minHeight: 1024
    percyCSS: ''
    enable-javascript: true
static:
    base-url: '/assets'
discovery:
    allowedHostnames:
        [
            'https://idp-auth.com',
            'api.dev.commerce.xxx.com',
        ]
    disallowedHostnames: []
    networkIdleTimeout: 1000
    launch-options:
        headless: true
upload:
    files: '**/*.{png,jpg,jpeg}'
    ignore: ''
    stripExtensions: false
    ``` 

[samarsault]

Percy gets the HTML snapshot from cypress when you call percySnapshot. Can you do a cypress screenshot before percySnapshot and check? Also please share the verbose logs