Skip to content

Stripe payment system does not load on iOs Safari 14 due to cross origin errors #5922

@PedroBorracho

Description

@PedroBorracho

What is your Test Scenario?

On iOs Safari 14, a payment page containing Stripe Iframes fails to load with these errors:

Blocked a frame with origin "http://localhost:1402" from accessing a frame with origin "http://localhost:1401". Protocols, domains, and ports must match.

Blocked a frame with origin "http://localhost:1401" from accessing a frame with origin "http://localhost:1402". Protocols, domains, and ports must match.

There is a way to force the port used to load the web site content to a single port or bypass specific domains to have all the frames targeting the same origin?

Steps to Reproduce:

It can be reproduced by writing a test targeting the Stripe demo or directly using the Hammerhead playground targeting the same page using an iOs device (or iOs Simulators in xCode).

The page will not load the Payment form properly and you will see the errors in console.
Screenshot 2021-02-07 at 21 04 19

Your Environment details:

  • testcafe version: v1.9.4
  • node.js version: v10.15.3
  • browser name and version: Safari on iOs 13, iOs14
  • platform and version: iOs 13, iOs14

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions