This document summarizes a presentation about how to implement DevOps practices with the SharePoint Framework. It discusses the software development lifecycle and how DevOps automates processes like continuous integration and delivery. It also covers tools like Azure DevOps for version control, building, testing, and deploying SPFx components. Specific practices covered include using Git and GitFlow for branches, pull requests for code reviews, building pipelines for quality testing, and release pipelines for deploying to environments. The presentation demonstrates setting up unit tests with Jest and build/release pipelines. It concludes that DevOps methodologies improve productivity and quality by automating processes and enabling more frequent releases.

1. How to do DevOps with the
SharePoint Framework and why
it matters?
European SharePoint Conference 2019
By: Vincent Biret

2. Passionate about technologies, development and community
Vincent Biret
@baywet
bit.ly/vince365
Microsoft Office Dev MVP
Azure and Office 365 developer @ 2toLead

3. Devs, Product Owners, Deciders, QA, Project Managers…
For whom this session is?

4. Agenda
Intro to Software lifecycle + DevOps
Intro to Azure DevOps
Azure Pipelines
Unit tests with SPFx
Conclusion

5. Ready?

6. Software lifecycle
Where it all begins

7. From the delivery team’s perspective, DevOps is about automating the process, releasing
frequently, and leveraging telemetry as well as feedback to improve solutions
DEVOPS BASICS
Idea/Need
Market

8. Azure DevOps
Let’s talk about tooling

9. Formerly Visual Studio Team Services
Azure DevOps
• TFS as a service/modular
• Updated more frequently
• Pay per user/build
• Everything except
• SharePoint Integration
• Process Template Customization**
• Data Warehouse

10. Branch
management
Code as a team, not a guy in a cave

11. Git is great with branches and cross platform, it has become an industry standard
Gitflow is a great process for DevOps teams and allows them to scale seemlessly
Git + git flow
Git is a decentralized source control technology
Branches are cheap
Merging is not a nightmare
Cross platform
Lot of tools
Git flow is a process model for branch management
Focused work
Easy context switching
Standard and no thinking required
Semver…

12. Pull requests are a great way to help your team grow and to improve the quality of the
code
Peer reviews and quality
« Here are a bunch of changes in the code, please review it and make it
part of the main code »
Also check if changes:
Build
Pass unit tests
Pass static analysis gate (code quality)
Have associated work items (context/documentation)
And allows:
For discussion
The team to grow together

13. Build
Let’s increase the quality of releases

14. Implementing automated builds solves multiple concerns for a development team
Automated builds
Predictable result
Constant quality
Time saving

15. Avoid XAML builds (very old) and 2015/JSON builds (previous model)
Pipelines
YAML definition
Web edition
Lot of third-parties integrations
Tasks on GitHub!
Agent auto updates!

16. Hosted agents are VM’s ready to use in the cloud with lots of pre-installed tools.
Agents
Hosted Agents
BaaS
Installed Agents
Azure, or anywhere else

17. Azure DevOps includes a wide eco-system or agents and tools by default
Hosted agents flavours
Windows
2019, 2016, 2012R2, core1803
Ubuntu
18.04, 16.04
MacOS
Mojave, High Sierra
Bring your own container

18. Build pipelines
Demo

19. Deploy
Automate all the things!

20. Both strategies are valid and you should choose the one that fits your team.
Different schools
Source promotion
Track and deploy a certain state of source code
Rebuild for each deployment
Build promotion
Source code is built once
Binaries are deployed to environments

21. The release pipelines allow you to capitalize on the skills developed for build pipelines
Pipelines (release)
Same technology as the build
+ Environments
+ Deployment strategies
+ Approvals

22. Release Pipelines
Demo

23. Tests

24. The first thing to consider is how quick you want feedback vs how complex the test is.
Tests levels
Unit testing
Load testing
Integration testing
System testing
Functional/Acceptance testing

25. The second thing to consider is the aspect of the solution you want to test for.
Tests types
Installation
Compatibility
Regression
Destructive
Security
L17N/I13N
A/B
…..

26. Microsoft removed it’s original choices for unit testing from SPFx.
Test tooling – 2019 updated
Runners Assertion
libraries
Emulators -
Environments
Reporters Frameworks Stubing -
Mocking
Snaphosts
Karma Chai + as
promised
PhantomJS Junit Mocha Sinon Jest + Enzyme
MSTest MS.Test ns Node
(backend)
Coverage Casper Jest
Istanbul Jest Chrome Cobertura Jasmine
Jest Enzyme … Jest

27. Unit tests of demo webpart
Demo

28. Conclusion

29. Follow up sessions
Robust & Reliable SharePoint Framework Components with Automated
Testing using Jest – Andrew Connell – Today at 3:15PM
Advanced Dev-Ops with the SharePoint Framework – Elio Struyf & me –
Tomorrow at 11:45AM
Automated UI Test for SharePoint Solutions – Melanie Culver & Elio
Struyf – Tomorrow 3:15PM

30. DevOps methodologies improve the overall productivity and reduce stress of the team.
Conclusion
Lot of time saved
Consistent builds
Automated tests
Quality increased
Money saved

31. Bit.ly/vince365 @baywet slideshare.net/VincentBIRET
Thanks!/Questions?
Vincent Biret
Office 365 and Azure
Developer, 2toLead
@baywet
Bit.ly/vince365
http://bit.ly/az-sq
http://bit.ly/spfx-devops