DEV Community

Cover image for GSoC’24(CircuitVerse) Week 11 & 12
Niladri Adhikary
Niladri Adhikary

Posted on

GSoC’24(CircuitVerse) Week 11 & 12

My last 2weeks had been really great, We were able to cover a lot of stuff, like testing, stability improvements, css refactoring and completion of the mobile version

Tasks Completed are -

  • Vue Simulator Mobile Version
  • Integration of Last year's stability improvements
  • Tests for the Vue Simulator using Vitest
  • Global CSS refactoring

With this all my tasks for GSoC 2024 is completed with CircuitVerse, I would love to stick with the organisation in future.

Vue Simulator Mobile Version

Some new Components were implemented like -

  • Verilog Editor Panel
  • Sidebar and User menu

and Some improvements for -

  • Circuit Elements Panel mobile Component
  • Quick Button mobile component
  • Timing Diagram mobile component

Image description

Image description

Image description

Image description

Also implemented some features like -

  • Multiple selection Button for circuit elements
  • Copy Button for copying and pasting circuit elements

Reference PRs -

Integration of Last year's stability improvements

Integrated some previous year gsoc prs into the vue simulator

Reference PRs that got merged -

Tests for the Vue Simulator using Vitest

Implemented Test cases for the Vue simulator using

  • Vitest
  • JsDOM
  • @vue/test-utils

Implementations -

  • Created a Test Environment for the testcases to run in the vite.config.ts

Image description

  • Wrote all the test cases under the spec folder using Vitest

Image description

  • Mocked some unnecessary libraries like codemirror uisng vi.mock

Image description

  • Created a /testdata folder under the spec folder for storing the testing data

  • Created a /circuits folder to keep all the circuits elements data

  • After implementing all this we can finally run our test cases using npm run test cmd

Image description

Reference PRs -

Global CSS refactoring

Global CSS present in the files -

  • UX.css
  • main.stylesheet.css

have been transferred to component scoped based css

Reference PRs -

Conclusion

This concludes my 12-week GSoC journey. I really enjoyed my time here, loved the community and its people, and would love to stay connected with the organization in the future as well.

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more