teleren/devto huggingface dataset:
Beautiful .NET Test Reports Using GitHub Actions
Tags: dotnet, devops, cicd, github
Published: 2024-03-31 12:00:55

---
title: Beautiful .NET Test Reports Using GitHub Actions
published: true
date: 2024-03-27 20:01:00 UTC
tags: dotnet,devops,cicd,github
canonical_url: https://seankilleen.com/2024/03/beautiful-net-test-reports-using-github-actions/
---

I know some folks who would like to move to GitHub Actions from Azure DevOps, but would really miss the “Test View” that Azure DevOps provides. Let’s see if we can work some magic with GitHub Actions to get us close to that within GitHub.

## Goals

- Work entirely within GitHub Actions
- Show test results within a pull request
- Show difference in number of tests
- When tests fail, be able to quickly see which tests failed, and the failure/trace
- Understand test coverage

## Sample Project

I’ve created [a sample project that uses these techniques](https://github.com/SeanKilleen/ExampleTestResultsWithGithubActions) at [https://github.com/SeanKilleen/ExampleTestResultsWithGithubActions](https://github.com/SeanKilleen/ExampleTestResultsWithGithubActions). Feel free to submit a pull request to see it in action!

## Project Structure

[Read the rest on SeanKilleen.com!](https://seankilleen.com/2024/03/beautiful-net-test-reports-using-github-actions/)
One Byte Explainer
Tags: frontendchallenge, devchallenge, javascript, webdev
Published: 2024-03-27 20:00:30

_This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature._

## Explainer
The Web Audio API empowers developers to control audio on the web. It lets you:

- Choose audio sources (like <audio> or synthesized sounds).
- Add effects (reverb, filters).
- Create audio visualizations.
- Apply spatial effects (e.g., panning). It’s a powerful tool for interactive music apps, games, and more! 🎵🔊 1: MDN Web Audio API

## Additional Context
<!-- Please share any additional context you think the judges should take into consideration as it relates to your One Byte Explainer. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- Don't forget to add a cover image to your post (if you want). -->


<!-- Thanks for participating! -->
Glam Up My Markup
Tags: frontendchallenge, devchallenge, css, javascript
Published: 2024-03-27 19:58:24

_This is a submission for DEV Challenge v24.03.20, Glam Up My Markup: Camp Activities_

## What I Built

<!-- Tell us what you built and what you were looking to achieve. -->
I just added some css styles and some js validation for the form fields

## Demo
<!-- Show us your project! You can directly embed an editor into this post (see the FAQ section from the challenge page) or you can share an image of your project and share a public link to the code. -->
{% codepen https://codepen.io/cesgonpi/pen/MWRvXbo %}

## Journey
Started by adding css, finalising with some js verification on form submit


<!-- Thanks for participating! -->
Free Proxy Server
Tags: webscraping
Published: 2024-03-27 19:57:18

Hey everyone! Just popping in with some thrilling news. I've been busy crafting a brand-new proxy service that's getting ready to launch soon. But guess what? Before the big reveal, I've rolled out a genuinely FREE proxy service. Dive in and explore it on discord - https://discord.gg/Exc89c6Y 🚀

PS. Feedback is appreciated!
Introducing ChatGPT-Bridge: Connecting ChatGPT to the Real World
Tags: chatgpt, noaccount, internetaccess, chatgptserver
Published: 2024-03-27 19:54:05

ChatGPT-Bridge is an innovative project that bridges the gap between **ChatGPT** and practical applications. With two key components—a **Web UI app** and a **Python server**—ChatGPT-Bridge empowers users to seamlessly interact with ChatGPT in real-world scenarios.

Here’s how it works:

1. Python Server:

The Python server acts as the intermediary between the user and ChatGPT.
It listens for user queries and leverages Selenium to relay these requests to the ChatGPT website running in a browser.
Once ChatGPT generates a response, the Python server reads it from the browser. This project also use Ngrok to expose your locally hosted server to the Internet without using any hosting service.

2. Web UI App:

The Web UI app provides an interface for users.
Users can input their queries directly into the app.
Upon sending a query, the app communicates with the Python server, which in turn interacts with ChatGPT.
The response from ChatGPT is then displayed back to the user via the UI app.

**Key Features**:

**Seamless Interaction**: ChatGPT-Bridge unlocks effortless communication with ChatGPT, tapping into its immense power.

**No login**: Users anywhere in the world now can access to ChatGPT without login required.

Unlock the potential of ChatGPT in practical scenarios with ChatGPT-Bridge, see how you leverage ChatGPT to help people around the world answer their life questions! 🚀

Please see Readme file in GPTBridge repo for detailed instructions.

Server repo: https://github.com/patfinder/GPTBridge

App UI repo: https://github.com/patfinder/GPTBridge-app

Tools: Python, http.server, Selenium, React, Ngrok
Ash - Create with relationship
Tags: elixir, ash, phoenix, liveview
Published: 2024-03-27 19:49:28

Ok been stuck on this thing :D I have this resource:

```elixir
defmodule NoSpark.Builder.Din do
  use Ash.Resource,
    data_layer: AshSqlite.DataLayer

  sqlite do
    table "dins"
    repo NoSpark.Repo
  end

  attributes do
    uuid_primary_key :id

    attribute :label, :string
    attribute :description, :string

    attribute :slots, :integer do
      allow_nil? false
      constraints min: 0
    end
  end

  relationships do
    belongs_to :schema, NoSpark.Builder.Schema
  end

  code_interface do
    define_for(NoSpark.Builder)

    define(:create)
    define(:read)
    define(:update)
  end

  actions do
    defaults [:create, :read, :update, :destroy]
  end
end
```

And i want to create the din with a schema already attached.

All you really need to do is update the relationship `belongs_to` to make it writable:

```elixir
    belongs_to :schema, NoSpark.Builder.Schema do
      attribute_writable? true
    end
```

And now you can create your resource with the schema relationship attached like so:

```elixir
Din.create!(%{label: "Din X", slots: schema.slots, schema_id: schema.id})
```

Where `schema` is just some schema which is already created.

This took me a while to figure out :D Hope this helps you!
My favourite snack
Tags: frontendchallenge, devchallenge, css
Published: 2024-03-27 19:41:48

_This is a submission for DEV Challenge v24.03.20, CSS Art: Favorite Snack._

## Inspiration
I was inspired by my favourite snack, a donut. That burst of energy mid morning when coffee is wearing out but there is still a lot of work ahead before lunch break.

## Demo
{% codepen https://codepen.io/cesgonpi/pen/abxyKZG %}

## Journey

I started by making the donut, then added the topping, and finally the 'hole'. Sprinkles is what took me longer to add, I wish js was accepted to generate them programmatically

that's all!
How to integrate Mathtype to Froala Editor in NextJS.
Published: 2024-03-27 19:30:12


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m8cr9aokz5ho550b26wj.png)
I'm looking for a way to integrate Mathtype into NextJS's Froala Editor.
I need help from anyone with experience.
Godot Engine
Tags: gamedev, godotengine, programming
Published: 2024-03-27 19:26:58

What is Godot?
Breaking the Shackles with Godot: Godot's open source nature frees developers from the constraints of traditional licensing costs. It stands as a testament to the collaborative power of the global development community. This freedom allows independent developers to focus on creating unique and compelling games without financial barriers.

Visual Scripting Unleashed: For those who find comfort in visual workflows, Godot's visual scripting system becomes a playground for creativity. This drag-and-drop approach to game logic allows developers to iterate quickly and experiment with ideas effortlessly. Visual scripting isn't just a convenience; it is a catalyst for breaking down barriers to entry in game development.

GDScript - A language for expression: Godot's GDScript offers a scripting language that strikes a harmonious balance between simplicity and capability. Drawing inspiration from Python, GDScript facilitates the fluid expression of complex game mechanics. It is an inviting language for beginners and a versatile tool for experienced developers to create complex systems within their games.

Node system for structured development: Godot's scene and node system revolutionize game organization. Scenes, built as hierarchies of nodes, foster a modular and organized development environment. This structure improves collaboration, facilitates reusability, and simplifies the creation of both 2D and 3D games.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zrc7j0qaqmumltm5df0i.jpg)


2D and 3D Excellence: Godot doesn't compromise on the depth of experiences it can bring to life. Its 2D engine guarantees pixel-perfect precision and is complemented by an equally robust 3D engine. From creating captivating 2D narratives to building immersive 3D worlds, Godot satisfies the diverse visions of indie developers.

Exporting dreams into reality: Indie developers dream of their games reaching a wide audience, and Godot makes this dream achievable. With a seamless export system, developers can launch their creations on platforms ranging from desktop to mobile, even extending to consoles. This accessibility democratizes indie game distribution.

[official website](https://godotengine.org/)
Juniper vMX (Virtual MX) Nedir? Ana Özellikleri ve Faydaları Nelerdir?
Tags: network
Published: 2024-03-27 19:23:47

Juniper vMX bir sanal router çözümüdür ve Juniper Networks tarafından geliştirilmiştir. Geleneksel donanıma dayalı router'ların işlevselliğini sanallaştırır ve ağ operatörlerine bir dizi avantaj sunar. Juniper vMX'in ana özellikleri ve faydaları aşağıdaki maddeler de bahsettim.

1. **Sanallaştırma**: Juniper vMX ağ yönlendirme ve anahtarlama işlemlerini donanıma bağımlı olmaksızın sanallaştırır. Bu esneklik sağlar ve ağın ihtiyaçlarına göre hızla ölçeklenebilir.

2. **Esneklik**: vMX çeşitli ağ ortamlarına uyum sağlar. Bulut tabanlı altyapılarda, sanal ağlarda, test ortamlarında ve daha fazlasında kullanılabilir.

3. **Performans**: Donanıma dayalı Juniper MX Serisi router'ların performansını sanal ortama taşır. Bu yüksek performanslı ağ yönlendirmesi sağlar.

4. **Protokol Desteği**: vMX geniş bir protokol yelpazesini destekler. BGP, OSPF, MPLS gibi önemli ağ protokollerini kapsar.

5. **Hızlı Dağıtım**: Sanal ortamdaki esnekliği sayesinde, yeni ağ hizmetlerinin ve uygulamalarının hızla dağıtılmasını sağlar. Bu hizmet sağlayıcılarına ve ağ operatörlerine zaman ve maliyet tasarrufu sağlar.

6. **Yedekleme ve Kurtarma**: Sanallaştırılmış ortamın esnekliği, yedekleme ve kurtarma süreçlerini kolaylaştırır. Yedekleme ve kurtarma işlemleri daha hızlı ve daha az kesintili olabilir.

7. **Uygulama Testi ve Geliştirme**: vMX ağ uygulamalarının ve hizmetlerinin test edildiği ve geliştirildiği ortamlarda kullanılabilir. Bu gerçek ağ ortamlarını taklit ederek uygulama performansını değerlendirmeyi sağlar.

Örnek bir Jupiter Virtual MX10 Router Cihazı

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/waxtw1kjxcdz7jngjx1s.png)


Juniper vMX ağ operatörlerine ve hizmet sağlayıcılarına ağlarını sanallaştırma, esneklik sağlama ve daha iyi performans elde etme imkanı sunar. Bu günümüzdeki dinamik ve hızla değişen ağ ortamlarında önemli bir avantaj sağlar.


Juniper vMX gibi router cihazlarını test etmek ve topoloji açısından kurgulamak için bazı sanal ortam uygulamaları kullanırız. Bunlardan bazıları GNS3, EVE-NG gibi sanal ortam sunan çalışma alanlarıdır. Biz genelde çalışmalarımız da bir çok sanal cihazımızı kurma imkanı sunan GNS3 uygulaması ile çalışmalar yapacağız. 

Örnek olarak GNS3 uygulaması üzerinden yapılan küçük bir vMX/vFP topolojisi bu şekildedir.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eeyr7cdpa9aiddl5gnv9.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/acpv7qdkipadnmgu2e8n.jpg)

Buradaki örnek topolojide vFP-Juniper (Virtualized Firewall Platform) gibi sanal cihazlarda  yer almaktadır. Onları da bir diğer yazımda bahsedeceğim.
StudyCrew - Making Education Accessible Through Technology
Tags: webdev, opensource, nextjs, programming
Published: 2024-03-27 19:09:57

Hello everyone!

## Introducing StudyCrew

As a high school student, I founded StudyCrew with the goal of enhancing education by making it more accessible, collaborative, and engaging. We are a dedicated, volunteer-driven team working on creating an online platform that empowers every student to achieve their biggest potential. We have so far done a lot of product management, and we have initiated the development of our [homepage](https://www.studycrew.world/). We are now excited to begin with the development of our platform!

## Development
Our platform is being developed as an open-source project, and we are actively seeking additional developers to contribute to our [repository](https://github.com/StudyCrew/StudyCrew) or to consider joining our core team. If you are a developer at the beginning of your career looking to gain practical experience, or an experienced developer willing to offer guidance (as many of our team members are students), we invite you to reach out via email at j.heldt@studycrew.world. Our technology stack is centered around Next.js for the frontend and Node.js for the backend.

## Key Features
Our features are designed with one mission in mind: to make education accessible, collaborative, and engaging. For the initial release, we plan to introduce study groups for collaborative learning, volunteer-based tutoring to support students, and learning paths that curate and organize valuable online resources.

Looking forward to your thoughts!
Embarking on a Web Development Journey
Tags: javascript, beginners, career, frontend
Published: 2024-03-27 19:06:44

Hello World! I'm Cedric Lonell Haynes, a U.S. Air Force Veteran turned digital multimedia consultant. Exciting news—I've been accepted into a Front-End Web Development scholarship program, thanks to a partnership between Blacks In Technology (BIT), OneTen, and Udacity.

This opportunity marks the beginning of a new chapter where I aim to grow, connect, and share my journey with the community. I am looking forward to learning, collaborating, and exploring the vast world of web development together.

Let's make something great. Here we go!

Cedric
TEST CASE DESIGN TECHNIQUES
Published: 2024-03-27 18:06:50


FIRST NAME	LAST NAME	EMAIL	PHONE NUMBER	APPOINMENT DATE&TIME

ram	janu	ponfuhsd@gmail.com		  12/01/2024
Q1)  1)IF ANY FIELD IS BLANK,DISPLAY “ALL FILED IS REQUIRED”.

2)IF THE EMAIL IS INVALID DISPLAY”INVALID EMAIL:
FIRST NAME	LAST NAME	EMAIL	PHONE NUMBER	APPOINMENT DATE&TIME

RAM	JANU	Ponfuhsd.@gmmail.com	5715415462	12/01/2024

 3) if the phone number is invalid, we should display “please enter valid phone number”
FIRST NAME	LAST NAME	EMAIL	PHONE NUMBER	APPOINMENT DATE&TIME

RAM	JANU	Ponfuhsd.@gmail.com	5715415462177	12/01/2024

4) If the appointment date/time is not available, it should display “Please choose another date/time”
FIRST NAME	LAST NAME	EMAIL	PHONE NUMBER	APPOINMENT DATE&TIME

RAM	JANU	Ponfuhsd@gmail.com	5715415462	01/01/2024

5) If all fields are correct and the appointment is available, we should schedule the appointment successfully.
FIRST NAME	LAST NAME	EMAIL	PHONE NUMBER	APPOINMENT DATE&TIME

RAM	JANU	Ponfuhsd@gmail.com	5715415462	03/04/2024


Q2)  1ANS: Application is loaded and network is connected
Basic user , Premium user and Admin is able to logging
Basic user ,check access the limited features -> TEST PASS
Basic user, check access the all features -> TEST FAIL
Basic user, check access the all advance setting -> TEST FAIL
Premium user, check access the all features -> TEST PASS
Premium user, check access the all advance setting -> TEST FAIL
Admin user, check access the all features-> TEST PASS
Admin user, check access the all advance setting-> TEST PASS
· Users should be able to create and delete their accounts successfully. Passwords must meet the required complexity standards and users should receive a confirmation email upon successful account creation.
Ans: Check with the creation of account -> TEST PASS
Check the successful message for the account creation-> TEST PASS
Check the password with complexity standers-> TEST PASS
Check with simple password-> TEST FAIL
· User should be able to navigate through the app seamlessly without any crashes or performance issues. The app should also display appropriate error messages when a user attempts to perform an action they are not authorized to perform.
Ans: Check with user can navigate to the permitted access area ->TEST PASS
Check with can user navigate to all access area ->ERROR MASSEGE
SORA AI Model - Creating video from Text - AI
Tags: ai, chatgpt, sora, openai
Published: 2024-03-27 18:42:40

Sora, the upcoming Text to-video model from OpenAI. Sora can generate videos up to a minute long while maintaining visual quality and adherence to the user’s prompt.

OpenAI Sora possesses the ability to generate complete videos in one go or extend existing videos to increase their length. This is achieved by providing the model with foresight over multiple frames simultaneously, overcoming the challenge of maintaining continuity when a subject briefly exits the frame. Utilizing a transformer architecture similar to GPT models, Sora demonstrates exceptional scalability performance. In Sora's framework, videos and images are represented as collections of smaller units known as patches, which are analogous to tokens in GPT. This unified approach to data representation allows diffusion transformers to be trained on a broader spectrum of visual data than previously feasible, encompassing varying durations, resolutions, and aspect ratios.

## Who can get access to Sora AI:

Sora is now being made accessible to red teamers for evaluating crucial areas for potential harms or risks. Additionally, access is being extended to a select group of visual artists, designers, and filmmakers, enabling them to provide insights on how to enhance the model to best serve creative professionals.

Sora is now being made accessible to red teamers for evaluating crucial areas for potential harm or risks. Additionally, access is being extended to a select group of visual artists, designers, and filmmakers, enabling them to provide insights on how to enhance the model to best serve creative professionals.

## The Future is Intriguing and Dynamic:

Sora is now being made accessible to red teamers for evaluating crucial areas for potential harm or risks. Additionally, access is being extended to a select group of visual artists, designers, and filmmakers, enabling them to provide insights on how to enhance the model to best serve creative professionals with caution, ensuring that they serve the collective good and contribute positively to shaping a better future for all.

_**Share your Opinion Guys!!
**_
 #openai #sora #texttovideo #ai #gpt #dalle

Source: https://openai.com/sora
Who can create ice cream packaging design in HTML?
Tags: packaging, custom, boxes
Published: 2024-03-27 18:32:12

[Ice cream packaging](https://sites.google.com/view/elixirpack/home) is key to keeping the product fresh, safe, and attractive to customers. The right packaging should consider the target audience, competition, and materials. Appealing design elements like color, font, and shape can significantly influence sales.
Episode 24/12: Angular & Wiz, Analog 1.0, TanStack Form
Tags: webdev, javascript, angular, programming
Published: 2024-03-27 18:30:37

The ng-conf Keynote showed a first version of Progressive Hydration and the cooperation between Wiz and Angular. Brandon Roberts released Analog, a meta-framework. Corbin Crutchley published TanStack Form for Angular.

{% embed https://youtu.be/tJwNnO_SU3Q %}

## Keynote ng-conf

The ng-conf in Salt Lake City took place. During the Keynote, Jeremy Elbourn and Minko Gechev announced that they want to intensive or join forces with Googles-internal framework Wiz. Wiz is made for high-performance web applications like Google's search or Photos.

It turned out that Wiz could benefit from Signals and Angular from some features of Wiz, like progressive hydration. Sharing code makes sense and might even happen in the long run that both frameworks become one.

Progressive Hydration will become one of the upcoming features. Jessica Janiuk showed already a demo version of it along with an explanation.

Progress Hydration means, that the application hydrates itself partially upon the users' interactions.

{% embed https://www.youtube.com/live/nIBseTi6RVk?si=bMIshlKvHj8BHcAW %}

{% embed https://twitter.com/mgechev/status/1770597775010623653 %}

## Analog 1.0

We have a stable, community-based meta-framework for Angular. Brandon Roberts released Analog in version 1. As a meta-framework, it is a mix of a frontend and backend. It adds features to Angular, such as file-based routing, support for Vite and Vitest, or Server-Side Data Fetching. The most popular feature is the analog format, which has alternative authoring syntax.

{% embed https://analogjs.org/ %}

## TanStack Form

TanStack is a suite of tools that are not coupled to a specific framework. There is already an Angular version for TanStack Query, an alternative to the HttpClient. From Corbin Crutchley, we now also have TanStack Forms. And that's not all. Corbin also published a free e-book in which you can learn all three major frameworks at once: React, Angular, and Vue.

{% embed https://tanstack.com/ %}

{% embed https://unicorn-utterances.com/collections/framework-field-guide %}
Build Custom HttpClient logs in ASP.NET
Tags: dotnet, csharp
Published: 2024-03-27 18:01:22

---
title: Build Custom HttpClient logs in ASP.NET
published: true
description: Want to add custom logging to your ASP.NET Core web application or API? Let's cover building a custom HttpClientLogger to replace the default logger.
tags: dotnet, csharp
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r1uu28sd2zfzcbi88n17.png
---

{%youtube BWSX0cQEh8k %}