Merge pull request #2 from rickbutterfield/feature/playwright-test

Author: rickbutterfield

src/Umbraco.Community.Sustainability.TestSite/.gitignore

@@ -479,3 +479,4 @@ appsettings-schema.json
 
 # Test Site App_Plugins packages folder (exclude here as in Umbraco.Community.Sustainability project)
 /App_Plugins/Umbraco.Community.Sustainability/
+/App_Plugins/Bergmania.OpenStreetMap/

src/Umbraco.Community.Sustainability.TestSite/App_Plugins/Umbraco.Community.Sustainability/js/resource-checker.js

@@ -0,0 +1,78 @@
+import { co2, hosting } from 'https://cdn.skypack.dev/@tgwf/co2';
+
+window.addEventListener('load', scrollPage);
+
+export function scrollPage() {
+  window.scrollTo({
+    top: document.body.scrollHeight,
+    behavior: 'smooth'
+  });
+
+  setTimeout(reportEmissions, 2000);
+}
+
+export async function reportEmissions() {
+  const emissionsData = await getEmissionsData();
+
+  const emissionsDiv = document.createElement("div");
+  emissionsDiv.setAttribute("data-testid", "sustainabilityData");
+  emissionsDiv.innerHTML = JSON.stringify(emissionsData);
+
+  document.body.appendChild(emissionsDiv);
+}
+
+export async function getEmissionsData() {
+
+  const resources = getResources();
+  const bytesSent = getTransferSize(resources);
+  const hostCheck = await hosting.check(window.location.hostname);
+
+  const co2Emission = new co2({ model: "swd" });
+  const emissions = co2Emission.perVisitTrace(bytesSent, hostCheck);
+
+  return {
+    pageWeight: bytesSent,
+    carbonRating: calculateGrade(emissions.co2),
+    emissions: emissions,
+    resources: resources
+  };
+}
+
+export function getResources() {
+  return window.performance.getEntriesByType("resource");
+}
+
+export function filterResourceByType(resources, entryType) {
+  return resources.filter(
+    (entry) => entry.initiatorType === entryType,
+  );
+}
+
+export function getTransferSize(resources) {
+  let bytesSent = 0;
+  resources.forEach((entry) => {
+    bytesSent += entry.transferSize;
+  });
+
+  return bytesSent;
+}
+
+export function calculateGrade(score) {
+  // grade using swd digital carbon ratings
+  // https://sustainablewebdesign.org/digital-carbon-ratings/
+  if (score < 0.095) {
+    return 'A+';
+  } else if (score < 0.186) {
+    return 'A';
+  } else if (score < 0.341) {
+    return 'B';
+  } else if (score < 0.493) {
+    return 'C';
+  } else if (score < 0.656) {
+    return 'D';
+  } else if (score < 0.846) {
+    return 'E';
+  } else {
+    return 'F';
+  }
+}

src/Umbraco.Community.Sustainability.TestSite/Umbraco.Community.Sustainability.TestSite.csproj

@@ -4,15 +4,10 @@
     <ImplicitUsings>enable</ImplicitUsings>
     <Nullable>enable</Nullable>
   </PropertyGroup>
-  <ItemGroup>
-    <Content Include="App_Plugins\Umbraco.Community.Sustainability\js\page-tracker.js">
-      <ExcludeFromSingleFile>true</ExcludeFromSingleFile>
-      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
-    </Content>
-  </ItemGroup>
 
   <ItemGroup>
     <PackageReference Include="Umbraco.Cms" Version="10.0.0" />
+    <PackageReference Include="Umbraco.TheStarterKit" Version="10.0.0" />
   </ItemGroup>
 
   <ItemGroup>

src/Umbraco.Community.Sustainability.TestSite/Views/Blog.cshtml

@@ -0,0 +1,21 @@
+@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels
+
+@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Blog>
+
+@{
+    Layout = "master.cshtml";
+}
+@Html.Partial("~/Views/Partials/SectionHeader.cshtml")
+
+<section class="section">
+
+    <div class="container">
+        @await Umbraco.RenderMacroAsync("latestBlogposts",
+            new
+            {
+                numberOfPosts = Model.HowManyPostsShouldBeShown,
+                startNodeId = Model.Id
+            })
+    </div>
+
+</section>

src/Umbraco.Community.Sustainability.TestSite/Views/Blogpost.cshtml

@@ -0,0 +1,24 @@
+@using ContentModels = Umbraco.Cms.Web.Common.PublishedModels
+@using Microsoft.AspNetCore.Mvc.Rendering
+@using Umbraco.Extensions
+@inherits Umbraco.Cms.Web.Common.Views.UmbracoViewPage<ContentModels.Blogpost>
+@{
+    Layout = "master.cshtml";
+}
+@Html.Partial("~/Views/Partials/SectionHeader.cshtml")
+
+<section class="section">
+    <div class="container">
+        <article>
+            <div class="blogpost-meta">
+                <small class="blogpost-date">@Model.CreateDate.ToShortDateString()</small>
+                <span class="blogpost-cat">
+                    @Html.Partial("~/Views/Partials/CategoryLinks.cshtml", Model.Categories)
+                </span>
+            </div>
+            <h3>@Model.Excerpt</h3>
+            @Html.GetGridHtml(Model, "bodyText", "bootstrap3-fluid")
+            <!-- todo: implement discus comments -->
+        </article>
+    </div>
+</section>