CODEWITHSUNDEEP
javascriptauthenticationplaywrightsmartcardpfx
Finch
Finch

Reputation: 71

Unable to handle browser's inbuilt pfx authentication (SSL_CLIENT_AUTH_CERT) certificate popup in Playwright

(This is with reference to the answer https://stackoverflow.com/a/78943350/12876441)

I am facing same issue i.e not able to handle 'Select Certificate' pop up and click on ok button from the pop up with Playwright Version 1.50.0 and latest Chromium version. Here is my code for the reference

    import { test } from '@playwright/test';
    import { defineConfig } from '@playwright/test';
    const path = require('path');
    const fs = require('fs');

    export default defineConfig({
    use: {
        clientCertificates: [{
          origin: 'https://t01:8443/Ter/#/login',
          pfxPath: 'C:/o/tk/cert/t-lp-tre/t-lp-truststore.p12',
          passphrase: 'tore', 
        }],       
      },      
    });

    // Main login function
    async function login(browser, username, password) {
      console.log('Starting login process...');

        const context = await browser.newContext({
        ignoreHTTPSErrors: true, 
      });

      const page = await context.newPage();     
      
      await page.goto("https://t01:8443/Ter/#/login");

      console.log('Navigating to the login page...');     

      console.log('Filling in credentials...');
      await page.fill('input[placeholder="Username"]', username);
      await page.fill('input[placeholder="Password"]', password);
      await page.click('button[type="submit"]');  
      await page.waitForLoadState('load'); 

      console.log(`${username} logged in successfully`);
    }

    test('Run Tests with Parallel Users', async ({ browser }) => {
      const dataPath = 'testdata/testdata_2Usr.json';
      const testData = await fs.promises.readFile(dataPath, 'utf-8');
      const jsonData = JSON.parse(testData);
      
      for (const user of jsonData) {
        const { username, password } = user;
        await login(browser, username, password);
      }
    });

And after using solution provided in the link, I am still not able to handle TLS Client Certificates pop up. I even tried with third party utilities like autoIT but still not able to click on 'ok' on 'select certificate' pop up.

(I am fairly new to Playwright and js so any suggestions are appreciated.)

Here is the reference image of pop up

Upvotes: 0

Views: 66

Answers (1)

I.sh.
I.sh.

Reputation: 2108

It looks like you've combined the code that meant to be in playwright.config file with the test file itself.

Playwright reads it's configuration file before it start any test, so this code that define the certificate details isn't located within the playwright.config file. therefore playwright would not read it as it's configuration.

In order to make it work, you need to add the pfx configurations to the use section on the existing playwright.config.js file on the root path of your project.

Playwright test-configuration docs

Upvotes: 1

Related Questions