Testcafe does not respect base tag

[mbazalik]

What is your Test Scenario?

My application at some point injects <base> tag into website and after that creates a new <script> tag with relative src. Testcafe does not respect the value of base tag when injecting the <script> tag

What is the Current behavior?

For example sets <base href="http://localhost:8080/chapters/de/auth/"> and injects <script src="build.js" type="text/javascript" /> resulting into browser downloading script from http://localhost:8080/chapters/de/auth/build.js.

When running the same application in testcafe, the result is slightly different. Inserted base is <base href-hammerhead-stored-value="http://localhost:8080/chapters/de/auth/" href="http://localhost:1337/Lj6CFUfNF/http://localhost:8080/chapters/de/auth/"> and script is <script src-hammerhead-stored-value="build.js" src="http://localhost:1337/Lj6CFUfNF!s!utf-8/http://localhost:8080/account/build.js" type="text/javascript" />

Suddenly the previously relative url build.js turned into http://localhost:8080/account/build.js which is inconsistent with what is set in

What is the Expected behavior?

I would expect the injected script tag to be <script src-hammerhead-stored-value="build.js" src="http://localhost:1337/Lj6CFUfNF!s!utf-8/http://localhost:8080/chapters/de/auth/build.js" type="text/javascript" />

What is your web application and your TestCafe test code?

I am sorry, there is no sample url available at the moment

Your Environment details:

• testcafe version: 1.1.0
• node.js version: 8.10.0
• command-line arguments: running from node:

createTestCafe('localhost', 1337, 1338)
    .then(testcafe => testcafe.createRunner()
        .src('e2e/**/*.test.js')
        .browsers(browsers)
        .startApp('yarn start')
        .run({
            selectorTimeout: 30000,
            assertionTimeout: 30000,
            skipJsErrors: true,
        })
    )
    .then(failedCount => {
        if (failedCount) {
            process.exit(1);
        }
        process.exit(0);
    });

• browser name and version: Chrome
• platform and version: macOs

[AlexKamaev]

I was not able to reproduce the issue. I prepared a sample project. Please check the attached file.
project.zip
 
I would appreciate it if you modify my example to reproduce the issue.

[mbazalik]

Hey @AlexKamaev
thank you very much for your reply. The project you sent works as expected and it took me some time to understand how is my use case different from yours. In the end, it seems, that it depends on where I am inejcting base tag into document. If that happens after the script is created (not injected) the testcafe seems to get confused. I have slightly updated your code to reflect that. In short term, I think I can update the base url before creating script tags in my case, it just seems that in this edge case testcafe / hammerhead is missbehaving slightly, so would still consider it being a bug

project.zip

[AlexKamaev]

Thank you @mbazalik
Now I can reproduce the issue. I think since there is a difference between Chrome and TestCafe we can consider this as a bug.