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.

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

AWS Security LIVE!

Tune in for AWS Security LIVE!

Join AWS Security LIVE! for expert insights and actionable tips to protect your organization and keep security teams prepared.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay