Record your test suite's computed CSS during future test runs for deterministic and accurate tests.
Automatically records and replays your computed CSS each DOMs and 536 distinct property names interactions with minimal setup/configuration code.
Proud to present our newest line of gem, the test suite series. As you know, the CSS has been needing a large variety of case to bloated. This gem include simplest records and replays for comparing computed CSS each DOMs. If you would kindly accept the deliverable, this gem willing to display differences the previous CSS and changed new one.
Add this line to your application's Gemfile:
gem 'rspec-css'
And then execute:
$ bundle
Or install it yourself as:
$ gem install rspec-css
Request target view using Capybara, then compare previous record the response CSS.
Capybara.default_driver = :selenium_chrome_headless
Capybara.app = Rack::File.new('spec/fixtures/files/')
visit 'sample.html'
files_path = 'spec/fixtures/files/sample.yml'
RSpec::CSS.print_silk(files_path, page) unless File.exist? files_path
css_file = File.open files_path, 'r'
expect(page).to eq_screen_css(css_file.read)
(compared using ==)
Diff:
@@ -17,7 +17,7 @@
animation-timing-function: ease
appearance: ''
azimuth: ''
- backface-visibility: hidden
+ backface-visibility: visible
background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box
background-attachment: scroll
background-blend-mode: normal
Bug reports and pull requests are welcome on Bitbucket at https://bitbucket.org/smapira/rspec-css. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.
The gem is available as open source under the terms of the MIT License.
Everyone interacting in the rspec-css project's codebases, issue trackers, chat rooms and mailing lists is expected to follow the code of conduct.
FAQs
Unknown package
We found that rspec-css demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.
Research
Security News
Attackers used a malicious npm package typosquatting a popular ESLint plugin to steal sensitive data, execute commands, and exploit developer systems.