This document discusses the Chromium Embedded Framework (CEF) and CefGlue, a .NET binding for CEF. It provides instructions on creating a Windows Forms project using CefGlue and the CEF browser control, including setting dependencies and handling lifecycle events. It also presents examples of using CEF for tasks like navigation, reloading, DevTools integration, and connecting JavaScript to C#. Finally, it introduces Behavior-Driven Development and Selenium for automating tests of the CEF application.

1. CEF.net
E

2. About Me
LifePlus Limited Inc.
Technical Manager
PaganiniPlus Limited Inc.
Senior Developer
Freelancer
About 10 years

3. CEF
Chromium Embedded Framework
A simple framework for embedding
Chromium-based browsers in other
applications

4. CEF
Official Website
https://bitbucket.org/chromiumembedded
Download
http://opensource.spotify.com/cefbuilds/index.html

5. CefGlue
.NET/Mono Binding for CEF
Licensed under MIT License with portions of
code licensed under New BSD License

6. CefGlue
Official Website
https://bitbucket.org/xilium/xilium.cefglue
Download
https://bitbucket.org/xilium/xilium.cefglue/download

7. CefGlue > CEF
Compare versions
1. Get the second new version of CefGlue
2. Get the relative version of CEF

8. CefGlue
1. Go to Downloads, then select Branches
2. Find the second new version
3. Download the compressed file

9. CEF
1. Find Windows 64-bit Builds
2. Click Show more builds to see all versions

10. CEF
1. Find the matched version
2. Download Standard Distribution

11. CEF Content
Debug
Debug version binaries
Release
Release version binaries
Resources
Locale files and extensions
tests
Sample projects in C++

12. CefGlue Content
CefGlue
C# binding for CEF
CefGlue.WindowsForms
UI component named CefWebBrowser

13. Create Project
Windows Form Project
Application
• Target Framework 4.7
Build
• Output Path ..bin
• Uncheck Prefer 32-bit

14. Project Dependency
Add projects and reference them
CefGlue
CefGlue.WindowsForms

15. Use CefWebBrowser
Drag and drop CefWebBrowser
Change Dock property to Fill
Make viewport rendered by CEF
Set StartUrl property
http://www.google.com/

16. Binary Dependency
Copy CEF files into bin folder
Release*
Resources*

17. Build and Execute
Do you see the ghost ?

18. But
Failed to create browser

19. Not Yet
Some work to be done
CefMainArgs
CefApp
CefSettings
CefRuntime.Load
CefRuntime.Initialize
CefRuntime.Shutdown

20. CefWebApp
CefWebApp : CefApp
CefBrowserProcessHandler
CefRenderProcessHandler

21. CefWebBrowser
Constructor
Call CefRuntime.Load
Call CefRuntime.Initialize with CefSettings, CefApp, …
OnHandleCreated
Modify CefBrowserSettings
Dispose
Call CefRuntime.Shutdown

22. Build and Execute
Do you see the light ?

23. 1st Example
Say Hello World
Set StartUrl to HTML File
Absolute Path
Write HTML5 into HTML File
<span>Hello World</span>

24. 2nd Example
Say Hello World in another way
Use CefJSDialogHandler
Handle OnJSDialog
Implement alert and confirm
MessageBox.Show
MessageBoxButtons

25. 3rd Example
Reload
Use CefKeyboardHandler
Handle OnKeyEvent
Implement reload
CefWebBrowser.reload

26. 4th Example
DevTools
Use CefKeyboardHandler
Handle OnKeyEvent
Extend DevToolsClient
CefWebDevToolsClient : CefClient

27. 5th Example
Video Player

28. 6th Example
PDF Viewer

29. 7th Example
RWD with BootStrap

30. 8th Example
Windows-Like UI with GoldenLayout

31. 9th Example
GridView with Vue.js

32. 10th Example
Let JavaScript see C#

33. BDD
Behavior-Driven Development

34. Gherkin
Feature: Test CEF application
Test general features of CEF application
Scenario: Open window and navigate to Google
Given I have the url of Google
When I navigate to this url
Then there should be search input inside page
And there should be search button inside page

35. Cucumber
Feature Files
Written by user
Step Files
Generated by tool
Implemented by user

36. SpecFlow
Official Website
http://specflow.org/
Install Package from NuGet
Install-Package SpecFlow -Version 2.3.2

37. SpecFlow
Attributes
[BeforeScenario] [AfterScenario]
[BeforeTestRun] [AfterTestRun]
[BeforeFeature] [AfterFeature]
[BeforeStep] [AfterStep]
ScenarioContext
void ScenarioContext.Current.Set<T>(T value, String key)
T ScenarioContext.Current.Get<T>(String key)

38. Selenium
Official Website
https://www.seleniumhq.org
Download Chrome Driver
https://sites.google.com/a/chromium.org/chromedriver

39. Selenium
Install Packages from NuGet
Install-Package Selenium.WebDriver
Install-Package Selenium.Support
Install-Package DotNetSeleniumExtras.PageObjects
Install-Package DotNetSeleniumExtras.WaitHelpers

40. Selenium with CEF
Put chromedriver.exe into Test Project
{TestProject}binchromedriver.exe
ChromeOptions
ChromeOptions.AddArgument
ChromeOptions.BinaryLocation

41. 1st Test
Google Search

42. 2nd Test
GridView

43. 3rd Test
Login Behavior

44. Replace F5 by F5
Chrome DeTools
Reload again and again
Fast, easy, and experienced as web developer
Visual Studio Debugger
Start debugging again and again
Slow, difficult, and worked as native app developer

45. THANKS