A Checkly Playwright/Test script to upload a screenshot to S3.

upload_image_to_s3_bucket.js

const { expect, test } = require('@playwright/test')
const aws4 = require('aws4')
const axios = require('axios').default

const S3_BUCKET_NAME = 'xxx';
const S3_OBJECT_KEY = '/image.jpg'; // The name you want to give to the uploaded image file
const AWS_REGION = 'eu-west-2'

test('visit page and take screenshot', async ({ page }) => {
  const response = await page.goto(process.env.ENVIRONMENT_URL || 'https://checklyhq.com')
  const screenshot = await page.screenshot({ path: 'screenshot.jpg' })
  const opts = aws4.sign({
    host: `${S3_BUCKET_NAME}.s3.${AWS_REGION}.amazonaws.com`,
    method: 'PUT',
    path: S3_OBJECT_KEY,
    body: screenshot,
    headers: {
      'Content-Type': 'image/jpeg',
      'X-Amz-Content-Sha256': 'UNSIGNED-PAYLOAD'
    },
    extraHeadersToIgnore: {
      'content-length': true
    }
  });

  async function request(opts) {
    await axios({
      method: opts.method || 'GET',
      url: `https://${opts.host}${opts.path}`,
      headers: opts.headers || {},
      data: opts.body || '',
    });
  }
  await request(opts);
})

You will need to add your AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY to your Checkly environment variables.
Please amend the S3_BUCKET_NAME, S3_OBJECT_KEY and AWS_REGION as needed.