Video showing the bug: https://www.youtube.com/watch?v=tQoOYWe0jfE
Install any Safari Web Extension from the Mac App Store (e.g. DuckDuckGo Privacy Essentials, Bitwarden Password Manager).
Resize the Safari window until the extension browser_action icon is forced into the overflow menu (>> at the far right of the toolbar).
Open the overflow menu and click the menu item for the extension. Nothing happens.
This even occurs when using the sample extension "Sea Creator" developed by Apple. You can build it and try it out by following the instructions on this page: https://developer.apple.com/documentation/safariservices/safari_web_extensions/developing_a_safari_web_extension
I have filed a Feedback Assitant report for this issue: FB9495287 / http://www.openradar.me/radar?id=5035732439662592
Anyone know what's going on here? Or does anyone have a workaround to get the extension popup to appear when invoked from this menu?
Related
Description:
I am currently trying to write an automated test that involves clicking on a button within a navigation bar. The expected behavior is that an overlay that contains more links would pop up, as seen in this video here: https://www.screencast.com/t/55vkmhY8msjt
When testing this manually within a Chrome browser (which is recorded in the aforementioned video), the overlay pops up as expected.
But when executing the automated Cypress test within the Cypress browser, Cypress is able to locate the element and successfully click it, but the overlay does not pop up.
When I manually click on the button within the Cypress browser, the overlay does not pop up.
Video of bug being reproduced:
https://www.screencast.com/t/iSn8suNHa
It's hard to tell, but after the test execution finishes, I am manually trying to click on the button with my mouse.
I've tried several things:
cy.get(selector).click({force:true})
cy.get(selector).trigger('click')
cy.get(selector).invoke('click')
Extra information:
This button was recently re-implemented using React Native's TouchableWithoutFeedback
There are no errors being thrown in Cypress, no errors in the console.
Versions
Cypress 7.5.0
Chrome Version 90.0.4430.93
Can somebody please suggest some other steps I can try?
I am working on a custom Safari extension and would like to debug the Background scripts. I am not certain how to do this? Ideally, if there was a way to step into the background scripts, that would be great. But when I try to step into a background call, the Safari debugger just steps to the next line. The console.log within the background scripts do not get printed to the console (This is the console I launched from right clicking a popover that is part of the extension and then hitting inspect).
Any help on this would be great. Thank you.
This is an old question that asks about a different type of Safari extensions but I figured it could be helpful to add an updated answer now that Safari (v14) supports the Web Extensions API (similar to the API that all other major browsers use).
Debugging background scripts is now built into the Safari menu in the toolbar: "Develop" => "Web Extension Background Pages" => select your (enabled) extension. That should open the dev tools with all your background scripts where you can set breakpoints, check the network tab, etc..
As a side note, you can debug your extension's popup by opening it, right clicking the popup and clicking "Inspect Element".
In case this comes useful for someone - I figured out a way to view console statements in the background scripts. Open the extension builder and click on Inspect Global Page. Go to the console tab and the console.log messages in the background scripts will be printed in that console.
Now you can use Safari Preview to debug your Safari App Extension. There is a control to select the extension container at the lower-right corner of the console.
I am doing automation in IE, when I found attachment in my mail, I click the download button to download files, In chrome it directly downloads into the download folder, but in IE, when I press the download button, it opens the yellow color bar in the bottom, it gives me the option 'save','open','cancel', My question here is, Is there anyway I could able to cancel out this bar so that download directly happens inside download folder like the way it happens in Chrome?
You didn't provide any specific information about your application, but this MSDN link Customizing the download experience explains several possible options.
I am using Browserstack to test some websites on the iPad. I just don't seem to get where the developer tools are within that emulator. Shouldn't there be Firebug Lite somewhere? Can someone point the dev tools out to me please?
Launch iOS simulator from BrowserStack.
Once loaded, from the OSX menu bar, click Help > Mac Help.
In the open window type "Safari" in the search box.
Click "Safari Overview".
Click "Open Safari for me".
From the Safari menu bar, click Develop > iOS Simulator > (the iOS tab you want to inspect)
Screenshot of debugging iOS inside BrowserStack
As I posted here, Browserstack now appears to support Dev Tools, but only on physical devices (those with a blue mobile icon, below).
You activate the dev tools by clicking the button in the toolbar:
In the iOS simulator you can click the 'bookmarks' button (of the device) and firebug lite is available from there. It does not seem to load on the iPhone 5 that I am testing currently but may work for someone else.
To open Safari for debugging a simulator, follow the instructions above. If Safari Overview is not available, look for a "Search the Web" link at the bottom of the window. This also opens Safari.
Let's say I have the following line of Android code:
MyClass myClass = (MyClass) intent.getExtras().getSerializable("SomeKey");
How can I make IntelliJ/Android Studio open a browser and navigate to the following URI when hitting F1 while the cursor has marked "getSerializable"?
http://developer.android.com/reference/android/os/Bundle.html#getSerializable(java.lang.String)
Is there a plugin for this maybe?
Open up Project Structure window and then go to Libraries and point to the android jar:
Now press the green plus sign:
Choose the Specify Documentation URL... option:
Enter the Android SDK API url:
Press OK all the way back so you end up in the editor again. Now place the caret at the method and press Shift+F1:
The browser will open up and navigate to the correct page.
In my Android Studio 1.5.1 installation, the libraries are listed in the Structure View once I select my module from the Project View and select Android from the drop-down as shown in this link:
Click >> Project View and Project Structure View
Now right-clink on the library you want to add URL to and select Library Properties. A window will popup with a button Specify Documentation URL and you can paste your URL there.
Click >> Library Properties windows and Documentation URL popup
Now you can go to the code editor, select any element you want to see documentation for and press Shift+F1 and browser will open up with the corresponding URL.
Tested with Android Studio Bumblebee 2021.1.1
Select an Android SDK symbol (e.g. class name) and then...
Press Shift+F1 to open browser with External Documentation
Press Ctrl+Q to open a popup showing Quick Documentation